 |
 | Home | Contact Us | FAQ | Search & Site Map | Link to Us |
 | Sign In | Join | Other 45 Sites in Network |
| HomeDiscussion GroupsGeneralPHPASPPerlColdFusionFlashHTML, CSS, ScriptsBrowsers |
Webmaster Forum / HTML, CSS, Scripts / CSS / March 2008Problems with 3 column fluid layout - 3rd column wraps
I want a page with a centered div containing two rows. Top row has an image and some text. The bottom row needs to have three columns. I'd love to have the 1st column set to a fixed width then have the 2nd and 3rd columns fill the remaining space but I've given up on that and am willing to settle for the second row to have a fluid 3-column layout (or something else simple). Anyway, I've developed a page where the second row has this 3 column fluid layout. This is working great for me in IE6, but in IE7, the 3rd column wraps down as the browser page is narrowed. Is there any way to fix this problem? Here's the sample page: http://www.geocities.com/charles_loftis/3rdcolwrapsinIE7.html NOTE - because geosites address an element down the right hand side you will not see the third column wrap here - you'll have to pull the source, save it somewhere, then open it in IE7 to see the problem. FYI, the page is valid CSS and HTML (all validation errors are all produced by code automatically added by geosites, i.e. out of my control.) Your input appreciated. In article <e497b3a9-cb6a-4c93-a9c3-599ba1ae6d63@m34g2000hsc.googlegroups.com>, > I want a page with a centered div containing two rows. Top row has an > image and some text. The bottom row needs to have three columns. I'd [quoted text clipped - 10 lines] > Here's the sample page: > http://www.geocities.com/charles_loftis/3rdcolwrapsinIE7.html I'm looking at your page in Firefox, and I don't see three columns anywhere, or any evidence of wrapping. I do, however, see a very ugly background image in the box containing the "Lorel, Ipselium !" and the Lorel link. Ugly, because it's been stretched horizontally. > NOTE - because geosites address an element down the right hand side > you will not see the third column wrap here - you'll have to pull the [quoted text clipped - 3 lines] > produced by code automatically added by geosites, i.e. out of my > control.) Are you sure? You can upload the file of your page to the W3C validator, just to make sure that ALL the errors are Geocities' responsibility, as currently: "This page is not Valid XHTML 1.0 Transitional!" - might be a problem! <http://validator.w3.org/check?uri=http%3A%2F%2Fwww.geocities.com%2Fcharl es_loftis%2F3rdcolwrapsinIE7.html&charset=%28detect+automatically%29&doct ype=Inline&group=0> > Your input appreciated. > In article > <e497b3a9-cb6a-4c93-a9c3-599ba1ae6...@m34g2000hsc.googlegroups.com>, [quoted text clipped - 42 lines] > > - Show quoted text - David thanks for the quick reply. Try opening the page in IE6 or IE7. This page is only being targeted for IE - I haven't tested it in browsers other than IE6, IE7. Yes, I re-verified that all the HTML validation errors are caused by Geosites tack on code. So, can you suggest a cross-browser, fluid 3-column layout? > David thanks for the quick reply. > Try opening the page in IE6 or IE7. This page is only being targeted > for IE If you are targeting IE why are you trying to use XHTML? If you were successful in doing it correctly you will disenfranchise IE all together. > - I haven't tested it in browsers other than IE6, IE7. > Yes, I re-verified that all the HTML validation errors are caused by > Geosites tack on code. No not all, XHTML is not just HTML with "<br />" elements  SignatureTake care, Jonathan ------------------- LITTLE WORKS STUDIO http://www.LittleWorksStudio.com In article <b739f029-c6d9-450b-963d-0a7112e826a6@a1g2000hsb.googlegroups.com>, > > In article > > <e497b3a9-cb6a-4c93-a9c3-599ba1ae6...@m34g2000hsc.googlegroups.com>, [snip] > > > FYI, the page is valid CSS and HTML (all validation errors are all > > > produced by code automatically added by geosites, i.e. out of my [quoted text clipped - 15 lines] > Try opening the page in IE6 or IE7. This page is only being targeted > for IE - I haven't tested it in browsers other than IE6, IE7. I don't have either of these versions of IE on my computer... [snip] > So, can you suggest a cross-browser, fluid 3-column layout? Skidoo, or Skidoo redux, might be good places to start: http://webhost.bridgew.edu/etribou/layouts/skidoo_redux/index.html Alternatively, and perhaps somewhat simpler to understand/modify: http://www.bergamotus.ws/samples/3column-stretch-with-borders.html > In article > <b739f029-c6d9-450b-963d-0a7112e82...@a1g2000hsb.googlegroups.com>, [quoted text clipped - 33 lines] > > - Show quoted text - Thanks for the pointers. > .. This page is only being targeted for IE - I haven't tested it in > browsers other than IE6, IE7. You didn't state this site is for an intranet where you have complete control on what software all the users have on their workstations. In this newsgroup, the .www. assumes World Wide Web unless you say otherwise. View these XHTML and HTML pages in IE: http://fingerlakesbmw.org/test/xhtml.php http://fingerlakesbmw.org/test/html.php Signature-bts -Friends don't let friends drive Vista |
Reply to this Message |
 Sign In
 Join
 My Latest Posts My Monitored Threads My Blog My Photo Gallery My Profile My Homepage Start New Thread Enable EMail Alerts Rate this Thread
|
©2009 Advenet LLC Privacy Policy - Terms of Use
This website includes both content owned or controlled by Advenet as well as content owned or controlled by third parties.