|
|
|
|
||||||
![]() |
|
|
LinkBack | Outils de la discussion |
|
|
#1 |
|
Messages: n/a
Hébergeur: |
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_lof...rapsinIE7.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. |
|
|
|
#2 |
|
Messages: n/a
Hébergeur: |
On Mar 26, 1:36pm, David Stone <no.em...@domain.invalid> wrote:
> In article > <e497b3a9-cb6a-4c93-a9c3-599ba1ae6...@m34g2000hsc.googlegroups.com>, > > hzgt9b <celof...@gmail.com> wrote: > > 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_lof...rapsinIE7.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 > > 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.) > > 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=ht...es.com%2Fcharl > es_loftis%2F3rdcolwrapsinIE7.html&charset=%28detec t+automatically%29&doct > ype=Inline&group=0> > > > > > > > Your input appreciated.- Hide quoted text - > > - 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? |
|
|
|
#3 |
|
Messages: n/a
Hébergeur: |
hzgt9b wrote:
> 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 -- Take care, Jonathan ------------------- LITTLE WORKS STUDIO http://www.LittleWorksStudio.com |
|
|
|
#4 |
|
Messages: n/a
Hébergeur: |
On Mar 26, 3:29pm, David Stone <no.em...@domain.invalid> wrote:
> In article > <b739f029-c6d9-450b-963d-0a7112e82...@a1g2000hsb.googlegroups.com>, > > > > > > > > hzgt9b <celof...@gmail.com> wrote: > > On Mar 26, 1:36pm, David Stone <no.em...@domain.invalid> wrote: > > > 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 > > > > 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=ht...es.com%2Fcharl > > > es loftis%2F3rdcolwrapsinIE7.html&charset=%28detect+a utomatically%29&doct > > > ype=Inline&group=0> > > > 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. > > 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/l...dux/index.html > > Alternatively, and perhaps somewhat simpler to understand/modify:http://www.bergamotus.ws/samples/3co...-borders.html- Hide quoted text - > > - Show quoted text - Thanks for the pointers. |
|
|
|
#5 |
|
Messages: n/a
Hébergeur: |
hzgt9b wrote:
> .. 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 -- -bts -Friends don't let friends drive Vista |
|
![]() |
| Outils de la discussion | |
|
|