Annoyance with IE/CSS In Drupal Theme
I have a site that I'm working on and trying to get underlines on the tabs in the header. Look at this in IE vs. Safari/Firefox/NS and you'll see what I mean. Does anyone know of a good trick to get IE to respect the boundaries and line up the border-bottom with the bottom of the tabs? Maybe my structuring is off. The structure is something like ... #topbanner #header #logo (my own div inserted ... floated left of site-title #site- title (floated right) #shim (yeah ... a hack .. maybe this is my problem?) #primary (This is where I put the primray links in ul id="primaryLinks") #content-wrapper .... I'm trying to put the underline using border-bottom-* on the header (which wraps all of the header stuff) Also, in the admin interface, all the forms entries get pushed way down to the bottom instead of in the #main-content div .. but I'll have to come back to that later. TIA, Jason
step 1: make it all validate! 80% of the problems are solved by/in validation step 2: isolate the problem, by putting border:1px solid red; around several potential breaking elements. majority of the problems become very clear now. step 3: note down the difference in IE/FF/Konq(or safari, or opera) if FF and konq (or one of the other two) both do it "right" you can be quite sure you have an IE bug. step 4: google for the bug, this is the hard part, since you need to know the name of the bug first :) step 4.1: visit a mailinglist or #css on IRC where you show your theme/work (urls!) and where you ask what the bug is called that is causing this. step 5: find one of the many soludions step 6: apply that solution. Bèr Op vrijdag 4 augustus 2006 15:52, schreef Jason White:
I have a site that I'm working on and trying to get underlines on the tabs in the header. Look at this in IE vs. Safari/Firefox/NS and you'll see what I mean. Does anyone know of a good trick to get IE to respect the boundaries and line up the border-bottom with the bottom of the tabs? Maybe my structuring is off. The structure is something like ...
#topbanner #header #logo (my own div inserted ... floated left of site-title #site- title (floated right) #shim (yeah ... a hack .. maybe this is my problem?) #primary (This is where I put the primray links in ul id="primaryLinks") #content-wrapper ....
I'm trying to put the underline using border-bottom-* on the header (which wraps all of the header stuff)
Also, in the admin interface, all the forms entries get pushed way down to the bottom instead of in the #main-content div .. but I'll have to come back to that later.
TIA,
Jason _______________________________________________ themes mailing list themes@drupal.org http://lists.drupal.org/mailman/listinfo/themes
-- PGP ber@webschuur.com http://www.webschuur.com/sites/webschuur.com/files/ber_webschuur.asc Layoutkeuze, de stap voordat je gaat (laten) ontwerpen.: http://help.sympal.nl/layoutkeuze_de_stap_voordat_je_gaat_laten_ontwerpen Written while listening to Track 10 by on The best of lounge volume one
participants (2)
-
Bèr Kessels -
Jason White