Just nu i M3-nätverket
Gå till innehåll
fickler

CSS positionering

Rekommendera Poster

Hej!

 

Har problem med postitionering av divar. Har en huvuddiv som är class och positionerad relative för att "flyta" med fönstet. I den ligger fyra divar, id, som ska vara absolut positionerade i de fyra hörnen av den stora diven. Men av någon anledning läser inte webbläsaren detta och de hamnar bara under varandra. Är dålig på det här med att positionera, vad gör jag för fel?? Bifogar css koden där container är stora boxen och nr 1-4 ligger inuti. Tack på förhand!

 

//fickler

 

[log]

.container {
position: relative;
margin: 0 auto;
padding: 45px;
top: 248px;
left: -6px;
color: #000;
border: #000 solid 1px;
width: 608px;
height: 459px;
}

#1 {
position: absolute;
top: 0;
left: 0;
padding: 2px;
color: #000;
border: #000 solid 1px;
background-color: #036;
width: 150px;
height: 150px;
}

#2 {
position: absolute;
top: 0;
right: 0;
padding: 2px;
color: #000;
border: #000 solid 1px;
background-color: #036;
width: 150px;
height: 150px;
}

#3 {
position: absolute;
bottom: 0;
left: 0;
padding: 2px;
color: #000;
border: #000 solid 1px;
width: 150px;
height: 150px;	
}

#4 {
position: absolute;
bottom: 0;
right: 0;
padding: 2px;
color: #000;
border: #000 solid 1px;
width: 150px;
height: 150px;		
}

[/log]

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Du borde inte använda position absolute, du borde istället använda float och margin för att få divarna där du vill ha dom.

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Du borde inte använda position absolute, du borde istället använda float och margin för att få divarna där du vill ha dom.

tack, men har löst det. provade med float och margin först, men position:relative blev det. problemet var att det inte funkade med enbart siffror som namn i cssen. döpte om till nr1-nr4 och det löste problemet. tack ändå!

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...