[ MAD-MAX @ 13.09.2004. 22:41 ] @
Za sada imam 2 problema a to su;
1. Hocu da se text prelama a ne da prelazi preko svega
2. U IE se nista ne vidi. Zasto? Kako resiti?

Napominjem da sam nov u CSS-u a da mi ova resenja hitno trebaju (ili da se vracam na tabele)!

Evo html coda

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

<title> LALALAL </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link title="css" href="stil.css" type="text/css" rel="stylesheet">
</head>

<body>

<div id="okvir">
    
    <div id="header">
        <p align="center" id="links">
                      • <a href="">Link</a> 
                      • <a href="">Link</a>
                      • <a href="">Link</a>
                      • <a href="">Link</a> 
                      • <a href="">Link</a>
                      • <a href="">Link</a></p>

        <div id="slika">
            <h1 align="center">lalallalalla</h1>
        </div>
        
    </div>
    
    <div id="levo">
        
        <div id="llevo">
                        
        </div>
        <p>Ovaj sajt je u izgradnji!</p>
        <p class="p">fdlvkjffdfjgfdlgjlfdjglkfdjglkfdjlgkjdflkgjdflgjghktrghbuhbjhbtjbptjbitiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiidlkvjfldjvlkfdjvgiobgijrgrtgtrgtrfvbdfvfivjeroiuhvhvuithviotrjvitjroigjtgjtjvoirjviorjtoivjtrivjrovjtoit</p>
    
    </div>

</div>

</body>

</html>



A evo i CSS-a:

Code:

body {
background-color:#999999;
font-family: Verdana, Sans-Serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
margin-bottom: 0px;
margin-left: 0px;
margin-top: 50px;
}

#okvir {
    position:absolute;
    background-color:white;
    left: 100px;
    height:inherit;
    right: 100px;
    top: 50px;
    bottom: 50px;
    border: 1px solid black;
}

#levo {
position:absolute;
background-color:white;
top:75px;
bottom:0px;
left:0px;
right: 150px;
width:inherit;
height:inherit;
border-right:1px solid black;
border-top:1px solid black;
padding-left:155px;
padding-right: 5px;
}

#llevo {
position:absolute;
background-color:white;
top:0px;
left:0px;
width:150px;
bottom:0px;
border-right:1px solid black;
}

#header {
position:absolute;
background-color:#9999CC;
top:0px;
left:0px;
right:0px;
height:75px;
border-bottom:1px solid black;
}

#slika {
position:absolute;
background-color:#CCCCCC;
top:0px;
left:0px;
right:0px;
height:50px;
}

#copy {
position:absolute;
left:100px;
bottom: 15px;
}

#links {
position:absolute;
bottom:0px;
left: 200px;
}


E sad, verovatno sam pravio i neke gluposti ali se nadam da ce te mi ih pokazati!

[ MAD-MAX @ 13.09.2004. 22:43 ] @
Nisam rekao da u Firefoxu sve lepo radi (osim onog texta) a da IE 6 zeza!
[ xippi @ 14.09.2004. 18:04 ] @
Opali po koji spejs u tekstu da browser zna kako da ga prelomi. Inace imas brljotina i u html-u i css-u. Okacicu kasnije fajlove

[Ovu poruku je menjao xippi dana 14.09.2004. u 21:09 GMT]
[ xippi @ 14.09.2004. 19:05 ] @
Evo. Nadam se da ti je dovoljno za pocetak.
Izbegavaj apsolutno pozicioniranje jer IE ne konta to kako teba. Ako ti nesto nije jasno pitaj.
[ MAD-MAX @ 15.09.2004. 22:50 ] @
Prvo neizmerno hvala za trud a onda samo jedno pitanje a sutra cu malo i vise :)

Zasto si koristio @import url(stil.css); ?

Nisam doduse jos uvek nista pokusavao ali posto si rekao da ne koristim apsolutno pozicioniranje (to sam inace i pre negde procitao) onda ispade da ne mogu da napravim onakav izgled kakav sam ja prvo postovao (koji se lepo vidi u Firefoxu )a da se lepo vidi u IE?!

[ xippi @ 15.09.2004. 23:14 ] @
@import sluzi da browseri koji ne mogu da procitaju ceo css fajl jednostavno preskoce stilove i prikazu cist xhtml, cisto da ti se ne bi raspadao sajt u nekim ranijim verzijama.

A naravno da mozes da dobijes onaj layout koji si zamislio. Ako hoces da ti stranica bude centrirana bez skrola u 800x600 dodaj u css:

Code:

body { text-align: center; }
#header { width: 760px; margin: 0 auto 0 auto; }
#navigation { width: 760px; margin: 0 auto 0 auto; }
#outer_wrapper { width: 760px; text-align: left; margin: 0 auto 0 auto;}
#footer {width: 760px; margin: 0 auto 0 auto;}


Ovo izgleda podjednako dobro u svim browserima.