float box quirx - ie 6 geht nicht - moz 1_4 richtig

marioN · #1 (**permalink**) 25.01.2004, 17:49

tja ist anscheinend für mich noch

Zitat:

a long way to css-heaven:

hier sind die screenz online:

http://www.desein.at/digicd/floatquirx.html
hier ist der code für das menu unten und die block-links:

Code:

#barbottom {
position: relative;
margin:0 16% 0 0;
border: 1px solid black;
}

rechts ist noch ein menu mit float:right positioniert
doctype/ quellcode:

Code:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ooo][o trademark`s o][o digiCD o][ooo</title></head>
<body><div id="center">
 <div id="contentbox">

[img]pics/i_logo.gif[/img][img]pics/i_l_digicd.gif[/img]
 <br class="clear" />
<div id=menuerechts> navi </div>
<div id="content">
</div><br class="clear" />
<div id="barbottom">
Start
<a href="http://www.desein.at/trademark digicd/index.htm">That`s digi</a
All digis
digi worx
Mail digi
</div><br class="clear" />
</div>
</div>
</body>
</html>

der Code für die block- links:

Code:

/*barbottom-links*/
#barbottom a {
text-decoration:none;
float: left;
margin:0 6px 0 0;
height:45px;
width: 78px;
font-size: 60%;
font-weight:bold;
text-transform: uppercase;
padding:32px 0 0 0;
border: 1px solid red;
}
#barbottom a:link,#barbottom a:visited {
background: #ccc url(pics/button.gif) no-repeat top;
color: #666;
}

#barbottom a:hover{
color:#fff;
background:#ccc url(pics/button_hov.gif) no-repeat top;
}

ich habe schon ausprobiert, die barbottom auf relative zu setzen, dass funktioniert auch nicht.

what`s wrong?

PS: hoffe es ist diesmal übersichtlich genug.....

marioN · #2 (**permalink**) 26.01.2004, 00:00

hi ,

mein problem ist jetzt gelöst, falls sich wieder mal wer ärgert hier die wichtigsten stellen:

ergebnis http://www.desein.at/digicd/digicd1.html

css

Code:

/* Layout Stylesheet */

body {
 margin:1% 0;
  padding:0;
  text-align: center;
 }
 /*äusserer Rahmen zur zentrierung*/
 #center{
  border:0;
 padding:0;
 margin:0 auto;
height: 500px;
width:750px;
  }
#contentbox{
margin:0;
padding: 1% 0 0 16%;
height:100%;
border: 0;
}
#content {
 height: 340px;
 position:relative;
 overflow: auto;
 padding: 10px 30px 10px 30px;
  text-align: justify;
 }
 #menuerechts{
 float: right;
 border:0;
 margin: 0;
width: 16%;
padding: 30px 0 0 0;
}
/*logoboxen trademark, digicd;*/
.left{
float:left;
text-align: left;
padding: 5px 0 5px 0;
margin: 0 0 3% 0;
}
.right {
float: right;
text-align: right;
padding: 5px 16% 5px 0;
margin: 0 0 3% 0;
}
.clear {
visible: invisible;
clear: both;
}
/* Presentation Stylesheet */
/*horizontal-links*/
p#horlink {
margin: 6% 17% 0 0;
border: 0;
}
p#horlink a{
display: inline;
width: 80px;
height: 60px;
text-decoration:none;
font-size: 60%;
font-weight:bold;
text-transform: uppercase;
border: 0;
padding: 30px 1px 1px 1px;
margin: 50% 3% 0 0;
}
p#horlink a:link, p#horlink a:visited {
background: url(pics/button.gif) no-repeat top;
color: #666;
}
p#horlink a:hover{
color:#fff;
background:url(pics/button_hov.gif) no-repeat top;
}
/*vertikal-links*/
#menuerechts a{
display: block;
text-align: left;
width: auto;
height: 30px;
text-decoration:none;
border: 0;
padding: 8px 0 0 33px;
margin: 4% 0 0 0;
}
#menuerechts a:link, #menuerechts a:visited {
background: url(pics/button.gif) no-repeat left;
color: #666;
}
#menuerechts a:hover{
color:#fff;
background:url(pics/button_hov.gif) no-repeat left;
}

vielleicht hilft `s jemanden

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Box wird nicht richtig ausgerichtet	Safran Q.	CSS	3	13.09.2008 15:22
3 gliedrige Box wird nicht richtig dargestellt	Safran	CSS	3	15.06.2008 10:36
Opera zeigt float nicht richtig an !!	Takko	CSS	0	08.04.2008 18:13
CSS - Float in einer Box	azimmer	CSS	5	16.01.2007 14:49
Mittig ausrichten. Funzt weder im IE noch im Moz richtig	Nils	CSS	10	04.02.2005 18:56