Pete Home wrote: >Sorry Guy's, the link should be >www.marylebonejournal.com/newsite/o-gazetteer.asp > >Regards >Pete > > It's a difficult link! ;-) I got result on: http://www.THEmarylebonejournal.com/newsite/o-gazetteer.asp
>-----Original Message----- >From: Pete Home [mailto:[EMAIL PROTECTED] >Sent: 23 October 2006 15:09 >To: '[email protected]' >Subject: RE: Div positioning > >Got even further now, and the problems with the pictures is resolved. I >forgot that I needed to float the picture before writing the text so the >text now flows around the picture. > >I still have a couple of problems. Firstly, I cannot see why the >section_contents div has a horizontal scroll bar. I'm assuming it's >something to do you margins/padding. Also I have alternated the venues >inside a div with a class of bg0 or bg1 to alternate the background colours >however this seems to have no effect. Any ideas? > >Regards >Pete > > I took my bug hunting glasses, and see: Validating first. - Html-validator is friendly pointing to a missing </div>. Repaired, but no effect on the hor. scroll bar. Css-validator is falling over the IE-hover expression for a "tr"; cannot have repercussions for the scroll bar... Then I changed the: #section_content { overflow: auto; } in #section_content { overflow: visible; } in order to see if there would be something visible with an indication. Step 1 <http://home.tiscali.nl/developerscorner/css-discuss/test-o-gazetteer-1.htm> Yes! The content is overflowing horizontally, so the hor. scoll bar is correct. Maybe the image someway? Removed: Step 2 <http://home.tiscali.nl/developerscorner/css-discuss/test-o-gazetteer-2.htm> Not. - O.k., then fundamental measures: removed everything except the header. Step 3 <http://home.tiscali.nl/developerscorner/css-discuss/test-o-gazetteer-3.htm> Aha! Now it is alright. See if we can add some problems. ;-) Step by step, first the class='venutitle'. Step 4 <http://home.tiscali.nl/developerscorner/css-discuss/test-o-gazetteer-4.htm> Ha, bingo! What is it? This class has a width of 100% AND a padding-left of 20px; that is 20px too much. - Bringing the padding back to 0 is showing that even 100% is too much, because the vertical spacebar has some horizontal space too. - Some playing is delevering: .venutitle { width: 458px; padding-left:20px; margin-left: 2px; } Testing: Step 5 <http://home.tiscali.nl/developerscorner/css-discuss/test-o-gazetteer-5.htm> :-) --- With respect to the background-colors: maybe a point before the bg0 and bg1 in the css can help? (the css-validator doesn't react on that missing points!). Success and greetings, francky BTW-1: The fixed very very small font-size is giving accessibility/usability problems in IE, even for visually 100% people, espacially at bigger screen resolutions (1280x1024 and more). The IE-folks cannot enlarge the font-size clientside... BTW-2: The fixed format model is using only about 30% of the screen surface at 1280x1024... BTW-3: The fixed very very small font-size in combination with the fixed format model is giving accesibility/usability problems in not-IE browsers as Firefox: if visitors enlarge the font-size, the design is gone... All together: you could consider to make a more liquid model, without fixed font-sizes and without absolute positioned elements: automatically adapting to the screen and the needs of the visitor. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
