• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[Hilfe]Boxen überlappen rand ?!

X

xzockerx

Neues Mitglied
[Hilfe]Boxen überlappen rand ?![Gelöst]

HeyHo ,
Mein Problem ist das die Boxen
HTML: 
*.boxhead {padding:5;height:20px;background:#424242;color:Black;}
*.boxlarge{float:right;border:groove 2 gray;padding:10;width:425px;background:#2E2E2E;color:white;}
denn Rand von
HTML: 
*.mid {border:groove 2 silver;background:#0B0015;color:gray;margin-left:250px;margin-right:250px;padding:25;margin-bottom:5;}
Meiner Page überschreiten , das heißt sie überlappen unten an dem Border und nur eine kleiner teil bleibt dort wo er soll .. :S

Ich habe sonst keine probleme mit float gehabt nur hier beise ich mir die Zähne aus ..

Danke fürs lesen :)

LG xzockerx
 
Zuletzt bearbeitet:
Werbung:
wo hast du denn in deinem code da n float stehen? oder bin ich jetzt blind?
haste das float auch beendet, insofern du eines benutzt hast? vill haste auch ein Link für uns damit wir uns n besseres Bild machen können?

lg niki
 
*.boxlarge{float:right;border:groove 2 gray;padding:10;width:425px;background:#2E2E2E;color:white;}
Gleich der erste Code :)
 
Werbung:
ok sry da war ich dann wohl doch sehr blind^^
sind deine boxen neben einander oder unter einander?
und hast du dein float beendet oder nicht?
weil wenn nicht könnte dass schon der Fehler sein nach dem du suchst.

n link scheinst du ja leider auch nicht zu haben...
 
poste doch einfach mal dein html code und die css datei dazu. denn nur so ist es schwer zu sehen wo dein Fehler liegt...
am float könnte es dennoch liegen denn wenn man float benutzt muss man das float auch wieder beenden sonst denk das ,,system,, dass alles was nach dem float kommt soll so weiter laufen, eine endlosschleife also wenn man es nicht beendet.
dein fehler könnte aber auch woanders liegen, schwer zu sagen mit den paar dingen wie man hier von dir zu deinem Problem gesagt bekommt.

HTML
Code: 
<div id="IchSitzeRechts"></div>
<div id="IchSitzeLinks"></div>
<div class="clear"></div>
CSS
Code: 
#IchSitzeRechts {float:right;}
#IchSitzeLinks {float:left;}
.clear {clear:both}
 
Werbung:
Code: 
<html><title>Test HP</title>
<link type="text/css" rel="stylesheet" href="css/main.css">
<head>
<?php include("header.php") ?>


</head>
<body>
<div class="mid">
<marquee scrollamount="5" scrolldelay="5">
<a style="color:red;font-style:oblique;">++ Willkommen auf der Homepage ++</a>
</marquee><br><br>


<?php //include("system/sidbar.php"); ?>
<div class="boxlarge">
<div class="boxhead">News</div>
Test ...


</div>


</div>


</body>
<?php //include("inc/footer.php"); ?>
</html>
Das ist mein HTML / PHP Code.
CSS Code :
Code: 
body {background:#00000F;
font-family:Comic Sans MS;


}


*.boxleft {
border:groove 2 gray;
padding:5;
width:250px;
height:125px;
background:#2E2E2E;
color:white;
float:left;
}


*.box {
border:groove 2 gray;
padding:5;
width:250px;
height:125;
background:#2E2E2E;
color:white;
}
*.sidbar {
border:groove 2 gray;
padding:5;
width:250px;
background:#2E2E2E;
color:white;
margin-right:15;
margin-bottom:25;
}
*.boxlarge{
border:groove 2 gray;
padding:10;
width:425px;
background:#2E2E2E;
color:white;
float:right
}
*.boxright {
border:groove 2 gray;
padding:5;
width:250px;
height:125px;
background:#2E2E2E;
color:white;
float:right;
}


*.boxhead {
padding:5;
height:20px;
background:#424242;
color:Black;
}


*.boxin {
Color:white;
padding:10;
}


*.mid {
border:groove 2 silver;
background:#0B0015;
color:gray;
margin-left:250px;
margin-right:250px;
padding:25;


}


*.footer {
text-align:center;
color:gray;
font-family:Arial;
font-size:small;
padding:5;
margin:10;
margin-left:350px;
margin-right:350px;
}


*.header {
border:groove 2 silver;
margin:25;
margin-left:250px;
margin-right:250px;
//background-image: url(../images/header.png);
height:232px;
margin-bottom:7px;
//width:1160;
}


*.nav {
margin-left:275px;
margin-right:275px;
margin-top:5;
margin-bottom:5;
padding:5;
color:white;
text-align:center;
font-family:Arial;
font-weight:bold;
}
 a.link:link{color:white;}
 a.link:visited{color:white;}
 a.link:hover{color:#00FFFF;}
 a.link:active{color:#088A85;}
a.link {
 border-right:groove 2 silver;
 padding-right:25;
 padding-left:25;
 text-decoration:none;
 }
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben