L laidback Medlem sedan maj 2001 797 inlägg Frågan 27 sep. 2002 14:42 #1 Som rubriken säger, undrar jag om det är möjligt på något sätt att pladera till exempel en tabell, eller ännu hellre en annan div brevid en div?
Jag har en <div class="meny">
Jag testade med <span> istället men då verkar inte margin-attributen fungera.
Idéer någon? (jag har sökt lite, men inte hittat något som överensstämde)
Web-Tor Medlem sedan nov. 2000 13 890 inlägg <div>taggen skapar automatiskt ett nytt stycke (en tomrad).
1. Du kan lägga det hela i någon slags container:
<table border="0" cellpadding="0" cellspacing="0" width="600">
<tr>
<td width="300">Innehåll till vänster</td>
<td width="300">Innehåll till höger</td>
<tr>
</table>
2. Du får lägga in ett lager:
<div id="namn" style="position:absolute; width:200px; left: 300px; top: 125px; z-index: 1;">Innehåll till höger</div>
L laidback Medlem sedan maj 2001 797 inlägg Web-tor: Ditt förslag del 2 ser ut att fungera precis som jag vill ha det! tackar :)
J jockek Medlem sedan jan. 2001 34 inlägg L laidback Medlem sedan maj 2001 797 inlägg jockek: intressant sida! tack för länken :)
Sökte för att finna ett liknande problem, men jag tänkte att jag kan fortsätta i den här..
Jag har en centrerad div-box på sidan, som alltid är centrerad, nu vill jag ha en till div-box till höger om den som ska flyta med ifall fönstret ändrar storlek.
Hur löser jag detta med CSS?
Är det ingen som har någon lösning på ovanstående problem? Kommer med lite kod senare om det behövs.. Har lite brottom till annat nu.
Jag vet att man kan få tips så väldans fort annars, så jag börjar bli lite orolig nu ;)
I Insider Medlem sedan jan. 2000 978 inlägg Menar du så här?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="sv">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
* {margin:0;padding:0;}
#wrap {
margin:0 auto;
width:50em;
position:relative;
left:6em;
background:#888;
}
#left {
width:38em;
float:left;
background:#aaf;
}
#right {
width:12em;
float:right;
background:#eda;
}
</style>
</head>
<body>
<div id="wrap">
<div id="left">
<p>#left</p>
<p>asdasd adasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
<p>Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd
Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
<p>Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd
Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
<p>Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd
Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
<p>Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
</div>
<div id="right">
<p>#right</p>
<p>asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
<p>Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
<p>Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
<p>Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
</div>
</div>
</body>
</html>
Ja tack, det va så jag menade :)
B bossse Medlem sedan juni 2003 772 inlägg Tranceformer skrev:
<html>
B bossse Medlem sedan juni 2003 772 inlägg Tranceformer skrev:
Jag har en centrerad div-box på sidan, som alltid är centrerad, nu vill jag ha en till div-box till höger om den som ska flyta med ifall fönstret ändrar storlek.
<html>
<head>
<title></title>
<style type="text/css">
<!--
div
{
width:600px;
height:400px;
background-color:gray;
border:1px solid black;
position:absolute;
left:50%;
top:50%;
margin-left:-300; /* hälften av bredden */
margin-top:-200; /* hälften av höjden */
}
#höger
{
width:50px;
height:400px;
background-color:gray;
border:1px solid black;
position:absolute;
left:50%;
top:50%;
margin-left:302;
margin-top:-200;
}
-->
</style>
</head>
<body bgcolor=green>
<div>
Tryck tangent F11 för helskärm.
</div>
<div id=höger>
</div>
</body>
</html>
