# So why is my CSS webpage all messed up in FF?

**URL:** <https://boards.straightdope.com/t/so-why-is-my-css-webpage-all-messed-up-in-ff/397823>\
**Category:** Factual Questions\
**Created:** [March 28, 2007, 1:20pm UTC](https://boards.straightdope.com/t/so-why-is-my-css-webpage-all-messed-up-in-ff/397823 "2007-03-28T13:20:15Z")\
**Posts on this page:** 4\
**Page:** 2

<div class="post-metadata">

**Author:** ![Nanoda](https://avatars.discourse-cdn.com/v4/letter/n/ce73a5/32.png) [@Nanoda](https://boards.straightdope.com/u/Nanoda)\
**Post date:** [March 29, 2007, 7:38am UTC](https://boards.straightdope.com/t/so-why-is-my-css-webpage-all-messed-up-in-ff/397823/21 "2007-03-29T07:38:51Z")

</div>

[QUOTE=Duckster]  
I suggest the following:  
[/QUOTE]

I just came in to recommend installing Web Developer myself; after installing and trying View Source Charts just now I can wholeheartedly recommend it also.

---

<div class="post-metadata">

**Author:** ![MrDibble](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/mrdibble/32/114_2.png) [@MrDibble](https://boards.straightdope.com/u/MrDibble)\
**Post date:** [March 29, 2007, 8:04am UTC](https://boards.straightdope.com/t/so-why-is-my-css-webpage-all-messed-up-in-ff/397823/22 "2007-03-29T08:04:57Z")

</div>

I tend not to use floats for anything except images and tables. For menus and headers, I’ll just explicitly set the thing with position:absolute and left/top/: 0px or more likely 2px.

I approach that kind of web design usually by building a mockup in Photoshop or somesuch, then chopping the bits up and using absolute and percentile positions.  
I also satrt off by testing in Firefox, then afterwards do whatever I need to make it look good in IE. Microsoft’s non-standard implementation of margins and padding make this a bit hard, though.

---

<div class="post-metadata">

**Author:** ![MrDibble](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/mrdibble/32/114_2.png) [@MrDibble](https://boards.straightdope.com/u/MrDibble)\
**Post date:** [March 29, 2007, 8:12am UTC](https://boards.straightdope.com/t/so-why-is-my-css-webpage-all-messed-up-in-ff/397823/23 "2007-03-29T08:12:05Z")

</div>

One thing you should do right away - put that orange right border on the “links” container div, not on the links themselves. It’ll stop it looking stepped in FF, and uses the container div better anyway.

---

<div class="post-metadata">

**Author:** ![MrDibble](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/mrdibble/32/114_2.png) [@MrDibble](https://boards.straightdope.com/u/MrDibble)\
**Post date:** [March 29, 2007, 10:33am UTC](https://boards.straightdope.com/t/so-why-is-my-css-webpage-all-messed-up-in-ff/397823/24 "2007-03-29T10:33:46Z")

</div>

forgot to add - set the width of the links container and set the links themselves to width:100%  
Also, don’t format the anchor tag like you have there, create a menulink class rather, because otherwise in-page links will look rather silly.

[Previous page](https://boards.straightdope.com/t/so-why-is-my-css-webpage-all-messed-up-in-ff/397823.md?page=1)