PHWinfo banniere

Titres
PORTAIL ANNUAIRE ARTICLES COMPARATEUR HÉBERGEURS DEVIS FORUMS RÉDUCTEUR D'URL
Précédent   PHWinfo > Autres forums > Forum Programmation & Conception > comp.info.authoring.CSS > Problems with 3 column fluid layout - 3rd column wraps
S'inscrire FAQ Membres Recherche Messages du jour Marquer les forums comme lus
Problems with 3 column fluid layout - 3rd column wraps

Réponse
 
LinkBack Outils de la discussion
Vieux 26/03/2008, 17h52   #1
hzgt9b
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Problems 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_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.
  Réponse avec citation
Vieux 26/03/2008, 19h04   #2
hzgt9b
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Re: Problems with 3 column fluid layout - 3rd column wraps

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?
  Réponse avec citation
Vieux 26/03/2008, 20h13   #3
Jonathan N. Little
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Re: Problems with 3 column fluid layout - 3rd column wraps

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
  Réponse avec citation
Vieux 26/03/2008, 21h14   #4
hzgt9b
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Re: Problems with 3 column fluid layout - 3rd column wraps

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.
  Réponse avec citation
Vieux 26/03/2008, 21h52   #5
Beauregard T. Shagnasty
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Re: Problems with 3 column fluid layout - 3rd column wraps

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
  Réponse avec citation
Réponse


Outils de la discussion

Règles de messages
Vous ne pouvez pas créer de nouvelles discussions
Vous ne pouvez pas envoyer des réponses
Vous ne pouvez pas envoyer des pièces jointes
Vous ne pouvez pas modifier vos messages

Les balises BB sont activées : oui
Les smileys sont activés : oui
La balise [IMG] est activée : oui
Le code HTML peut être employé : non
Trackbacks are oui
Pingbacks are oui
Refbacks are oui


Fuseau horaire GMT +1. Il est actuellement 10h41.


Édité par : vBulletin® version 3.7.3
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC5 Tous droits réservés.
Version française #16 par l'association vBulletin francophone
PHWinfo est un site Éducation Sans Frontières ©2000-2008
Ad Management by RedTyger
©Tous droits réservés par les parties respectives
Page generated in 0,13152 seconds with 13 queries