View previous topic :: View next topic |
Author |
Message |
Tristan
Joined: 01 Aug 2006 Posts: 614 Location: Under the sky
|
Posted: 12.08.2006 14:56 Post subject: 3 diva horizontalno |
|
|
Ovako, htio bih staviti 3 diva horizontalno na jednu stranicu i to mi nikako ne uspijeva...
Oni se uvijek posloze vertikalno...
Tablice sam uspio posloziti u horizontalu tako sto sam im glavni align postavio na left pa su se one sam slagale...
No sa divom to ne uspijeva...
Molim nekog tko zna da mi objasni kako i da li se to uopce moze izvesti sa divovima...
Ma da vjerujem da se sve moze...
Hvala unaprijed... |
_________________ Carpe diem... |
|
Back to top |
|
|
strija
Joined: 14 Sep 2003 Posts: 473 Location: Čakovec
|
Posted: 12.08.2006 15:49 Post subject: |
|
|
Ako ti treba jedan div pokraj drugog stavi samo float: left; svakom, i definiraj im sirine. |
_________________ We can exist in ambiguity, but it means the deepest loneliness. | creolab.hr | thefarewellreason.com |
|
Back to top |
|
|
sinisa.kusic
Joined: 26 Jul 2005 Posts: 728 Location: Rijeka
|
Posted: 12.08.2006 16:34 Post subject: |
|
|
Code: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ful sam lijen i neda mi se guglat ( 3 column layout )</title>
<style type="text/css" media="all">
<!--
* { margin: 0; padding: 0; }
body { margin: 0 auto; width: 700px }
#wrapper { width: 700px; background-color:#333333; color: #ffffff; overflow:auto; }
#header { width: 700px; height: 100px; background-color: #666666; color: #ffffff; clear: both; }
#left { width: 150px; float: left; display: inline; background-color: #999999; color: #ffffff; overflow: auto; }
#midlle { width: 400px; float: left; display: inline; background-color: #CCCCCC; color: #666666; overflow: auto; }
#right { width: 150px; float: right; display: inline; background-color: #000000; color: #FFFFFF; overflow: auto; }
#footer { width: 700px; background-color: #009900; color: #ffffff; overflow: auto; clear: both; }
-->
</style>
</head>
<body>
<!-- wrapper -->
<div id="wrapper">
<!-- header -->
<div id="header">
<h1>Header</h1>
</div>
<!-- kraj header -->
<!-- lijeva kolumna -->
<div id="left">
<h2>Lijeva kolumna</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed a erat. Aliquam erat volutpat. Integer bibendum. Nunc sodales mollis felis. Nunc molestie. Quisque elementum erat.</p>
</div>
<!-- kraj lijeva kolumna -->
<!-- srednja kolumna -->
<div id="midlle">
<h2>Srednja kolumna</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed a erat. Aliquam erat volutpat. Integer bibendum. Nunc sodales mollis felis. Nunc molestie. Quisque elementum erat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed a erat. Aliquam erat volutpat. Integer bibendum. Nunc sodales mollis felis. Nunc molestie. Quisque elementum erat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed a erat. Aliquam erat volutpat. Integer bibendum. Nunc sodales mollis felis. Nunc molestie. Quisque elementum erat.</p>
</div>
<!-- kraj srednja kolumna -->
<!-- desna kolumna -->
<div id="right">
<h2>Desna kolumna</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed a erat. Aliquam erat volutpat. Integer bibendum. Nunc sodales mollis felis. Nunc molestie. Quisque elementum erat.</p>
</div>
<!-- kraj desna kolumna -->
<!-- footer -->
<div id="footer">
<h2>Footer</h2>
</div>
<!-- kraj footera -->
</div>
<!-- kraj wrapper -->
</body>
</html>
|
|
_________________ some are born awesome, some achieve awesomeness and some have awesomeness thrust upon them |
|
Back to top |
|
|
Gaston
Joined: 14 Dec 2003 Posts: 619 Location: 10310
|
Posted: 12.08.2006 20:34 Post subject: |
|
|
strija wrote: | Ako ti treba jedan div pokraj drugog stavi samo float: left; svakom, i definiraj im sirine. |
Neki kazu da je jedno od zlatnih pravila CSS-a- Never float two or more columns to the same side
Jedan od nacina kako to rijesiti - 3 Column Layouts – A Different Approach |
|
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
Posted: 13.08.2006 00:22 Post subject: |
|
|
oposite float fora (iz Sebastianovog članka) uglavnom radi... dok se ne krene s ugnježđivanjem elemenata i equalizanjem visina krajnih nodeova. također, čini mi se da je ekstra markup zbog buga (kao u njegovom primjeru za 3 stupca) manje sretno riješenje od polutanja CSS-a hackovima. CSS je taj koji nije dobro podržan, ne HTML. |
_________________ STOP HITTING YOURSELF! | NETIQUETTE | TYPETESTER | Hypertext rulez™ | CREATIVE NIGHTS | ACCOMMODATIONS |
|
Back to top |
|
|
Tristan
Joined: 01 Aug 2006 Posts: 614 Location: Under the sky
|
Posted: 14.08.2006 11:55 Post subject: |
|
|
Hvala ekipo... Sad mi sve radi ok sa float: left; |
_________________ Carpe diem... |
|
Back to top |
|
|
|