Forum Moderators: not2easy

Message Too Old, No Replies

2 different looks

Discussion about a problem Stylesheet using Internet Explorer and Firefox.

         

rezachemical

8:29 pm on Jun 15, 2006 (gmt 0)

10+ Year Member



<snip>
please take a look at this in internet explorer, and then in firefox. (notice differences). the internet explorer one is the one that IS displaying properly. what am i not understanding?

i've been told that i need to clear my floats but i'm afraid i am very much a novice and i dont know what that means? Any help would be apprciated, thanks.

[edited by: rogerd at 1:47 am (utc) on June 16, 2006]
[edit reason] No links/URLs, please. [/edit]

londrum

9:12 pm on Jun 15, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



i know it sounds wierd, but firefox is the one that is displaying correctly (according to the CSS rules)

if it was me, i would just take the plunge and start the page again from scratch. you've got so many different divs - divs with ids, classes, ids and classes, divs inside other divs - that it's going to be pain to update that page.

1) you can only have one instance of each id on each page. and you repeat id's loads of times. if you want to repeat it you should use a class instead. but most of the ids you repeat also have their own classes.
2) you've got divs around individual lists, which is fine, but they are already block elements, and then you have more divs inside the list elements, which are block elements as well. that means you've got a block around a block, and more blocks in the blocks which is inside the block. i would scrap all of that.
put the id, or the class on the list instead, and the list elements, and do away with all the divs.
eg.
instead of
<div class="realtor_info_wrapper">
<ul>
<li class="realtor_info">
<div id="realtor_field_label_name" class="realtor_label">
name
</div>
<div id="realtor_field_value_name" class="realtor_value">

Lorenzo Girotto
</div>
</li>
</ul>
</div>

do something like this:

<ul class="realtor_info">
<li class="realtor_name">
<strong>Name:</strong> Lorenzo Girotto
</li>
</ul>

you've also got divs around images, when you could just apply the id's directly to the images.

CSS is supposed to reduce the amount of clutter on the page, and reduce page weight, and bandwidth, but you've gone a bit overboard. got a touch of divitis!

rezachemical

9:51 pm on Jun 15, 2006 (gmt 0)

10+ Year Member



haha, i very much appreciate your response. i'm taking to the markup as soon as i get the authority. unfortunately i'm building css templates and the html is on a server which i have limited access to.

i really hope that when it is finished these little quirky problems fix themselves.