webForumDet fria alternativet

CSS layout-fråga

4 svar · 401 visningar · startad av magnus_fossum

magnus_fossumMedlem sedan juli 200338 inlägg
#1

Hur definierar man en box som börjar 150 pixlar från skärmens vänsterkant och slutar vid skärmens högerkant?

Följande alternativ fungerar inte:

<style type=text/css>

#alternativ1 {
  position: absolute; top: 0px; left: 150px; width: 100%; background: yellow
}

#alternativ2 {
  position: absolute; top: 0px; left: 150px; right: 0px; background: yellow
}

#alternativ3 {
  position: absolute; top: 0px; left: 150px; width: (100% - 150px); background: yellow
}

</style>
  :
<body>
<div id=alternativ1>Boxen</div>
  :
</body>
</html>

Någon som vet?

Hälsningar Magnus

bossseMedlem sedan juni 2003772 inlägg
#2

Blir detta bra?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<style type=text/css>
html, body {width:100%; margin-right:140px}
#alternativ1 {position: absolute; top: 0px; left: 150px; width: 100%; background: yellow; border:1px solid black; margin-right:0}
}
</style>
<head>  
<body>
<div id=alternativ1>Boxen</div>
</body>
</html>
cayaMedlem sedan aug. 20051 448 inlägg
#3

du har glömt några "

<style type="text/css">
#alternativ1 {
position: absolute; top: 0px; left: 150px; width: 100%; background: yellow
}
</style>
</head>
<body>
<div id="alternativ1">Boxen</div>
</body>
</html>
zcorpanMedlem sedan dec. 20042 245 inlägg
#4

#alternativ2 är korrekt.

IE6 är lite för buggig för att det ska fungera dock.

magnus_fossumMedlem sedan juli 200338 inlägg
#5

Tack för alla svar!

Magnus

129 ms totalt · 3 externa anrop · v20260731065814-full.30151723
125 ms — hämta forumlista (db)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)