You are here: Re: DIV overlapping « HTML « IT news, forums, messages
Re: DIV overlapping

Posted by Luigi Donatello Asero on 12/08/05 23:52

"Els" <els.aNOSPAM@tiscali.nl> skrev i meddelandet
news:3pf9l7ej9t6a$.dlg@locusmeus.com...
> Luigi Donatello Asero wrote:
>
> > "Els" <els.aNOSPAM@tiscali.nl> skrev i meddelandet
> > news:3e7gpz9xmor1$.dlg@locusmeus.com...
> >> Luigi Donatello Asero wrote:
> >>
> >>> "Els" <els.aNOSPAM@tiscali.nl> skrev i meddelandet
> >>> news:1f6uk6bvj50ox$.dlg@locusmeus.com...
> >>>> Dylan Parry wrote:
> >>>>
> >>>>> Pondering the eternal question of "Hobnobs or Rich Tea?", Els
finally
> >>>>> proclaimed:
> >>>>>
> >>>>>> You're so right! :-)
> >>>>>
> >>>>> I'm either stupid or full of chocolate and coffee icecream,
> >>>>
> >>>> 'or' or 'and'? ;-)
> >>>>
> >>>>> but he's got me trying to be helpful too now :(
> >>>>
> >>>> Stop now, or be lost forever :P
> >>>>
> >>>> Just a reminder (maybe new info for others): the solution to Luigi's
> >>>> problems is almost invariably utterly simple. It's the convincing him
> >>>> of such fact, which is a downright PITA.
> >>>
> >>> So, tell me which was your fine solution?
> >>
> >> I just *know* you won't use it, but here's anyway:
> >>
> >> <div id="top">
> >> <div id="a">bla</div>
> >> <div id="b">bla</div>
> >> <div id="c">bla</div>
> >> </div>
> >> <div id="bottom">
> >> <div id="d">bla</div>
> >> <div id="e">bla</div>
> >> <div id="f">bla</div>
> >> </div>
> >>
> >> #top,#bottom{
> >> width:100%;
> >> float:left; /* to avoid peek-a-boo in IE */
> >> clear:left;
> >> margin:20px 0;
> >> }
> >> #a,#d{
> >> width:30%;
> >> float:left;
> >> background-color:yellow;
> >> }
> >> #b,#e{
> >> width:30%;
> >> float:right;
> >> background-color:blue;
> >> }
> >> #c,#f{
> >> margin-left:34%;
> >> margin-right:34%;
> >> background-color:red;
> >> }
> >>
> >> --
> >
> > Did you take into account the structural relationship between for
example
> > the div which relates to "Semesterbostder i Sverige" and the one which
> > refers to
> > "Semesterbostder i Italien" (both belonging to "Semesterbostder" but
one
> > being into the "top" and the another into the "bottom" while putting
> > together 3 divs in the bottom and
> > 3 divs in the top?
>
> I don't speak Swedish, so I did indeed not take into account any
> structural relationship at all. It's easy enough to make it 3 columns
> of 2 rows instead of 2 rows of 3 columns, but then you won't have
> equal heights. If you want to maintain that relationship /and/ equal
> heights to make it look like a table, you're looking for a table, and
> you shouldn't use divs to make life difficult.


Considering that many of you are usually in favour of limiting the use of
table as much as possible in this NG, tables might be the right solution if
you think that it would suit this time!
However, I use divs in my meny and in this case I (who is usually more
inclined to use tables as you are) wonder whether it would not be the case
of a table used for layout purposes...

--
Luigi Donatello Asero
https://www.scaiecat-spa-gigi.com/sv/italien-valle-daosta/karta-oever-laegenheten-1-och-2-i-bionaz-valle-daosta.php

 

Navigation:

[Reply to this message]


Удаленная работа для программистов  •  Как заработать на Google AdSense  •  England, UK  •  статьи на английском  •  PHP MySQL CMS Apache Oscommerce  •  Online Business Knowledge Base  •  DVD MP3 AVI MP4 players codecs conversion help
Home  •  Search  •  Site Map  •  Set as Homepage  •  Add to Favourites

Copyright © 2005-2006 Powered by Custom PHP Programming

Сайт изготовлен в Студии Валентина Петручека
изготовление и поддержка веб-сайтов, разработка программного обеспечения, поисковая оптимизация