left div overlapper main div?!

[makeway] · 18. april 2005

Hei!

Jeg lurer på hvorfor left overlapper main diven... noen som kan hjelpe meg litt her? *Den overlapper i firefox - har ikke sett hvordan det er i opera....*

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title><style type="text/css" media="screen">

* {
margin: 0;
padding: 0;
}


body {
background-color: #ECECEC;
color: #000000;
font-size: 8pt;	
font-family: "Trebuchet MS", Verdana, arial, Tahoma, sans-serif;
text-align: center;
}

#main {
width: 635px;
margin: 0px auto;
text-align: left;
padding: 20px;
height: 390px;
left: 202px;
background-color: #FFFFFF;
border-left: 5px solid #E4E4E4;
border-right: 5px solid #E4E4E4;
border-top: 5px solid #E4E4E4;
border-bottom: 5px solid #E4E4E4;
}

#left {
width: 410px;
background: transparent;
text-align: left;
background-color: #ffffff;
border-right: 1px #000000 solid;
float: left;	
}
</style>
</head>

<body>
<div id="main">
<div id="left">
 <p> ds fgsldk fhlskdhf laskfhd lskdfh lskahdf asdhøasdlø føsaldfh ølsadhf øalsdfh øsaldfh ølsadhfølasdhfølsadhfølsadhføasldfhøasldhfølsadfølsahd følsahd ølsad hføl sadføl hsadølf øsdlhfølsadhfølsadflh saødlfh øsaldfh øsadlfh saldhfø sdfh sadlfhskdhflksadjflkasjdhl adhf lask fjalskjfh laksfhdalsfhd alkfhd lsdjfh lsakdfh lsakhdf lsdkjfh lksafhd lsakfh skdfhlskdfhlsakdfs adlk fka shdf lkasdlfjkh aslkfhd lasdfj lakfh ds fgsldk fhlskdhf laskfhd lskdfh lskahdf asdhøasdlø føsaldfh ølsadhf øalsdfh øsaldfh ølsadhfølasdhfølsadhfølsadhføasldfhøasldhfølsadfølsahd følsahd ølsad hføl sadføl hsadølf øsdlhfølsadhfølsadflh saødlfh øsaldfh øsadlfh saldhfø sdfh sadlfhskdhflksadjflkasjdhl adhf lask fjalskjfh laksfhdalsfhd alkfhd lsdjfh lsakdfh lsakhdf lsdkjfh lksafhd lsakfh skdfhlskdfhlsakdfs adlk fka shdf lkasdlfjkh aslkfhd lasdfj lakfh ds fgsldk fhlskdhf laskfhd lskdfh lskahdf asdhøasdlø føsaldfh ølsadhf øalsdfh øsaldfh ølsadhfølasdhfølsadhfølsadhføasldfhøasldhfølsadfølsahd følsahd ølsad hføl sadføl hsadølf øsdlhfølsadhfølsadflh saødlfh øsaldfh øsadlfh saldhfø sdfh sadlfhskdhflksadjflkasjdhl adhf lask fjalskjfh laksfhdalsfhd alkfhd lsdjfh lsakdfh lsakhdf lsdkjfh lksafhd lsakfh skdfhlskdfhlsakdfs adlk fka shdf lkasdlfjkh aslkfhd lasdfj lakfh ds fgsldk fhlskdhf laskfhd lskdfh lskahdf asdhøasdlø føsaldfh ølsadhf øalsdfh øsaldfh ølsadhfølasdhfølsadhfølsadhføasldfhøasldhfølsadfølsahd følsahd ølsad hføl sadføl hsadølf øsdlhfølsadhfølsadflh saødlfh øsaldfh øsadlfh saldhfø sdfh sadlfhskdhflksadjflkasjdhl adhf lask fjalskjfh laksfhdalsfhd alkfhd lsdjfh lsakdfh lsakhdf lsdkjfh lksafhd lsakfh skdfhlskdfhlsakdfs adlk fka shdf lkasdlfjkh aslkfhd lasdfj lakfh ds fgsldk fhlskdhf laskfhd lskdfh lskahdf asdhøasdlø føsaldfh ølsadhf øalsdfh øsaldfh ølsadhfølasdhfølsadhfølsadhføasldfhøasldhfølsadfølsahd følsahd ølsad hføl sadføl hsadølf øsdlhfølsadhfølsadflh saødlfh øsaldfh øsadlfh saldhfø sdfh sadlfhskdhflksadjflkasjdhl adhf lask fjalskjfh laksfhdalsfhd alkfhd lsdjfh lsakdfh lsakhdf lsdkjfh lksafhd lsakfh skdfhlskdfhlsakdfs adlk fka shdf lkasdlfjkh aslkfhd lasdfj lakfh ds fgsldk fhlskdhf laskfhd lskdfh lskahdf asdhøasdlø føsaldfh ølsadhf øalsdfh øsaldfh ølsadhfølasdhfølsadhfølsadhføasldfhøasldhfølsadfølsahd følsahd ølsad hføl sadføl hsadølf øsdlhfølsadhfølsadflh saødlfh øsaldfh øsadlfh saldhfø sdfh sadlfhskdhflksadjflkasjdhl adhf lask fjalskjfh laksfhdalsfhd alkfhd lsdjfh lsakdfh lsakhdf lsdkjfh lksafhd lsakfh skdfhlskdfhlsakdfs adlk fka shdf lkasdlfjkh aslkfhd lasdfj lakfh ds fgsldk fhlskdhf laskfhd lskdfh lskahdf asdhøasdlø føsaldfh ølsadhf øalsdfh øsaldfh ølsadhfølasdhfølsadhfølsadhføasldfhøasldhfølsadfølsahd følsahd ølsad hføl sadføl hsadølf øsdlhfølsadhfølsadflh saødlfh øsaldfh øsadlfh saldhfø sdfh sadlfhskdhflksadjflkasjdhl adhf lask fjalskjfh laksfhdalsfhd alkfhd lsdjfh lsakdfh lsakhdf lsdkjfh lksafhd lsakfh skdfhlskdfhlsakdfs adlk fka shdf lkasdlfjkh aslkfhd lasdfj lakfh </p>
 </div>
</div>
</body>

</html>

er ganske ny med css, så ikke klikk

Takk!

Mira · 18. april 2005

Regner med at det har noe å gjøre med posisjoneringen din av main-diven din. Du har brukt left: 202px. Prøv å dropp det, og se hva som skjer

Loomy · 18. april 2005

Aiaiai, her var mye å ta tak i. For det første:

<p> ds fgsldk fhlskdhf laskfhd lskdfh lskahdf asdhøasdlø føsaldfh ølsadhf øalsdfh øsaldfh ølsadhfølasdhfølsadhfølsadhføasldfhøasldhfølsadfølsahd følsahd ølsad hføl sadføl hsadølf øsdlhfølsadhfølsadflh saødlfh øsaldfh øsadlfh saldhfø sdfh sadlfhskdhflksadjflkasjdhl adhf lask fjalskjfh laksfhdalsfhd alkfhd lsdjfh lsakdfh lsakhdf lsdkjfh lksafhd lsakfh skdfhlskdfhlsakdfs adlk fka shdf lkasdlfjkh aslkfhd lasdfj lakfh ds fgsldk fhlskdhf laskfhd lskdfh lskahdf asdhøasdlø føsaldfh ølsadhf øalsdfh øsaldfh ølsadhfølasdhfølsadhfølsadhføasldfhøasldhfølsadfølsahd følsahd ølsad hføl sadføl hsadølf øsdlhfølsadhfølsadflh saødlfh øsaldfh øsadlfh saldhfø sdfh sadlfhskdhflksadjflkasjdhl adhf lask fjalskjfh laksfhdalsfhd alkfhd lsdjfh lsakdfh lsakhdf lsdkjfh lksafhd lsakfh skdfhlskdfhlsakdfs adlk fka shdf lkasdlfjkh aslkfhd lasdfj lakfh ds fgsldk fhlskdhf laskfhd lskdfh lskahdf asdhøasdlø føsaldfh ølsadhf øalsdfh øsaldfh ølsadhfølasdhfølsadhfølsadhføasldfhøasldhfølsadfølsahd følsahd ølsad hføl sadføl hsadølf øsdlhfølsadhfølsadflh saødlfh øsaldfh øsadlfh saldhfø sdfh sadlfhskdhflksadjflkasjdhl adhf lask fjalskjfh laksfhdalsfhd alkfhd lsdjfh lsakdfh lsakhdf lsdkjfh lksafhd lsakfh skdfhlskdfhlsakdfs adlk fka shdf lkasdlfjkh aslkfhd lasdfj lakfh ds fgsldk fhlskdhf laskfhd lskdfh lskahdf asdhøasdlø føsaldfh ølsadhf øalsdfh øsaldfh ølsadhfølasdhfølsadhfølsadhføasldfhøasldhfølsadfølsahd følsahd ølsad hføl sadføl hsadølf øsdlhfølsadhfølsadflh saødlfh øsaldfh øsadlfh saldhfø sdfh sadlfhskdhflksadjflkasjdhl adhf lask fjalskjfh laksfhdalsfhd alkfhd lsdjfh lsakdfh lsakhdf lsdkjfh lksafhd lsakfh skdfhlskdfhlsakdfs adlk fka shdf lkasdlfjkh aslkfhd lasdfj lakfh ds fgsldk fhlskdhf laskfhd lskdfh lskahdf asdhøasdlø føsaldfh ølsadhf øalsdfh øsaldfh ølsadhfølasdhfølsadhfølsadhføasldfhøasldhfølsadfølsahd følsahd ølsad hføl sadføl hsadølf øsdlhfølsadhfølsadflh saødlfh øsaldfh øsadlfh saldhfø sdfh sadlfhskdhflksadjflkasjdhl adhf lask fjalskjfh laksfhdalsfhd alkfhd lsdjfh lsakdfh lsakhdf lsdkjfh lksafhd lsakfh skdfhlskdfhlsakdfs adlk fka shdf lkasdlfjkh aslkfhd lasdfj lakfh ds fgsldk fhlskdhf laskfhd lskdfh lskahdf asdhøasdlø føsaldfh ølsadhf øalsdfh øsaldfh ølsadhfølasdhfølsadhfølsadhføasldfhøasldhfølsadfølsahd følsahd ølsad hføl sadføl hsadølf øsdlhfølsadhfølsadflh saødlfh øsaldfh øsadlfh saldhfø sdfh sadlfhskdhflksadjflkasjdhl adhf lask fjalskjfh laksfhdalsfhd alkfhd lsdjfh lsakdfh lsakhdf lsdkjfh lksafhd lsakfh skdfhlskdfhlsakdfs adlk fka shdf lkasdlfjkh aslkfhd lasdfj lakfh ds fgsldk fhlskdhf laskfhd lskdfh lskahdf asdhøasdlø føsaldfh ølsadhf øalsdfh øsaldfh ølsadhfølasdhfølsadhfølsadhføasldfhøasldhfølsadfølsahd følsahd ølsad hføl sadføl hsadølf øsdlhfølsadhfølsadflh saødlfh øsaldfh øsadlfh saldhfø sdfh sadlfhskdhflksadjflkasjdhl adhf lask fjalskjfh laksfhdalsfhd alkfhd lsdjfh lsakdfh lsakhdf lsdkjfh lksafhd lsakfh skdfhlskdfhlsakdfs adlk fka shdf lkasdlfjkh aslkfhd lasdfj lakfh </p>

Hva i ****** skal det forestille?

For det andre:

left: 202px; funker kun hvis div'en har position:absolute;

For det tredje:

Hvis #main og #left skal ligge ved siden av hverandre må du float'e begge, ikke bare den ene.

Endret 18. april 2005 av Loomy

[makeway] · 18. april 2005

funker ikke enda....

<style type="text/css" media="screen">

* {
margin: 0;
padding: 0;
}


body {
background-color: #ECECEC;
color: #000000;
font-size: 8pt;	
font-family: "Trebuchet MS", Verdana, arial, Tahoma, sans-serif;
text-align: center;
}

#main {
width: 635px;
margin: 0px auto;
text-align: left;
padding: 20px;
height: 390px;
position: absolute;
background-color: #FFFFFF;
border-left: 5px solid #E4E4E4;
border-right: 5px solid #E4E4E4;
border-top: 5px solid #E4E4E4;
border-bottom: 5px solid #E4E4E4;
float: center;
}

#left {
width: 410px;
background: transparent;
text-align: left;
background-color: #ffffff;
border-right: 1px #000000 solid;
float: left;	
}
</style>

Logg inn

left div overlapper main div?!

Anbefalte innlegg

[makeway]

Videoannonse

Mira

Loomy

[makeway]

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer