HTML & CSSur HTML, XHTML & CSS
4 svar · 398 visningar · startad av Viktor
Försöker göra en ny design till min hemsida men jag får hela tiden ett ofriviligt indrag av bröd texten där menyn är. Den bifogade bilden visar hur det ser ut och där ser man indraget som blir just där menyn är.
EDIT: Problemet finns bara i IE, inte Firefox.
CSS
/* Menu */
#menu
{
margin-top:6em;
width:10em;
float: left;
background-color:#f0f0f0;
border-top:1px #a0a0a0 solid;
border-bottom:1px #a0a0a0 solid;
border-left:1px #a0a0a0 solid;
border-right:1px #a0a0a0 solid;
padding-bottom: 2px;
padding-left:2px;
}
/* Main section */
#main
{
margin-left:11em;
position: relative;
}
HTML
<body>
<div id="top">
VG Software
</div>
<div id="menu">
Menu<br/>
<a href="kalle">Kalle</a>
</div>
<div id="main">
<h3>window</h3>
<p>
Fönstrets namn: <span id="v11"></span><br/>
Fönstrets default status-meddelande: <span id="v12"></span><br/>
Fönstrets status-meddelande: <span id="v13"></span><br/>
Fönstrets öppnare: <span id="v14"></span><br/>
Fönstrets förälder: <span id="v15"></span><br/>
Fönstrets topnivå förälder: <span id="v16"></span><br/>
Fönstret är stängt?: <span id="v17"></span><br/>
</p>
</div>
</body>
/Viktor
Ser ut som om din meny uppfattas som bredare än du tänkt dig... (ett float:at block flyttar på texten sådär om den råkar hamna "över" ett textblock)
Otestad idé #1: Sätt alla marginaler och paddings som du inte använder till noll expicit (dvs lita inte på att de är noll som default!) - t.ex. margin-right: på menyn (m.fl.)
Otestad idé #2: Prova med margin-left: 12em på #main - om du kan leva med det mellanrummet...
Inget av alternativen hjälper tyvärr. Jag kan flytta main hur långt som hellst utan att det påvärkar marginalen :(
/Viktor
