morgenrotermond
Neues Mitglied
Hallo,
ich versuche gerade mit div-Containern eine Seite zu erstellen und möchte gern runde Ecken haben. Zu diesem Zweck habe ich jpgs gemacht, die die Ecken und die Randlinien darstellen sollen, auf Kontakt aneinandergeklebt. Das macht der mozilla auch anstandslos, nur im Internet-explorer werden immer pixel dazwischengeschoben. Jetzt habe ich per css margin auf 0 gesetzt und gedacht, es könnte der Quirksmodus sein, bin mir aber nicht sicher, wie ich den ausschalten kann oder was ich sonst machen muss.
Hier der Anfang von dem Listing:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></title>
<link href="./all.css" type="text/css" rel="stylesheet">
</head>
<body style="background-image: url(./HintergrundOben.jpg);
background-repeat: repeat-x;
background-color: rgb(200, 231, 255);"
font-family: arial, helvetica, sans-serif
font-size: 0px>
<div id="Layer1" style="position:absolute; width:994px;
height:5000px; z-index:1; background-color: #E0E0E0;
left: 6px; top: 6px"></div>
<div class="sehrklein" id="Layer1" style="position:absolute; width:994px;
height:6px; z-index:1; background-color: #0099CC;
left: 6px; top: 6px">
<img alt="" src="ruecklio.jpg" height="7" width="7">
<img alt="" src="lineup.jpg" height="7" width="980">
<img alt="" src="rueckreo.jpg" height="7" width="7">
</div>
Danke für eure Hilfe schon mal im Voraus!
Hier das CSS:
* {
margin:0px;
padding:0px;
}
.sehrklein {
font-size: 0px;
margin:0px;
padding:0px;
}
ich versuche gerade mit div-Containern eine Seite zu erstellen und möchte gern runde Ecken haben. Zu diesem Zweck habe ich jpgs gemacht, die die Ecken und die Randlinien darstellen sollen, auf Kontakt aneinandergeklebt. Das macht der mozilla auch anstandslos, nur im Internet-explorer werden immer pixel dazwischengeschoben. Jetzt habe ich per css margin auf 0 gesetzt und gedacht, es könnte der Quirksmodus sein, bin mir aber nicht sicher, wie ich den ausschalten kann oder was ich sonst machen muss.
Hier der Anfang von dem Listing:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></title>
<link href="./all.css" type="text/css" rel="stylesheet">
</head>
<body style="background-image: url(./HintergrundOben.jpg);
background-repeat: repeat-x;
background-color: rgb(200, 231, 255);"
font-family: arial, helvetica, sans-serif
font-size: 0px>
<div id="Layer1" style="position:absolute; width:994px;
height:5000px; z-index:1; background-color: #E0E0E0;
left: 6px; top: 6px"></div>
<div class="sehrklein" id="Layer1" style="position:absolute; width:994px;
height:6px; z-index:1; background-color: #0099CC;
left: 6px; top: 6px">
<img alt="" src="ruecklio.jpg" height="7" width="7">
<img alt="" src="lineup.jpg" height="7" width="980">
<img alt="" src="rueckreo.jpg" height="7" width="7">
</div>
Danke für eure Hilfe schon mal im Voraus!
Hier das CSS:
* {
margin:0px;
padding:0px;
}
.sehrklein {
font-size: 0px;
margin:0px;
padding:0px;
}
Zuletzt bearbeitet:
