|
| Kommentar Fra : molokyle |
Dato : 31-10-05 15:37 |
|
Husk at det altid er den 'inderste' formregel der er gældende i CSS hierakiet iflg. standarden. Hvorledes diverse browsere tolker koden er imidlertid meget forskellig
Prøv med : margin: auto;
.. istedet for margin: 0 auto 0 auto;
Hvis du lagde en URL med et eksempel på din kode, ville det nok være en smule lettere for os andre at forstå; hvad 'problemet' er?
</MOLOKYLE>
| |
| Kommentar Fra : molokyle |
Dato : 31-10-05 15:40 |
| | |
| Kommentar Fra : molokyle |
Dato : 31-10-05 15:50 |
|
margin: 0 auto 0 auto; ..giver så vidt jeg husker en automargin på top og højre, da reglerne i CSS shortcuts siger;
top-højre-bund-venstre.
2 værdier giver : top & bund i første værdi og venstre & højre i anden værdi ..hvis browseren overholder 'standarden'
</MOLOKYLE>
| |
| Kommentar Fra : DeZZa |
Dato : 31-10-05 16:55 |
| | |
| Kommentar Fra : Eyvind |
Dato : 31-10-05 17:18 |
|
Opera og Firefox viser det ens.
IE 5 rummet til denne tekst:
>>Vildere og vold det er sjovt at gå kold<<
er større nedefter
| |
| Kommentar Fra : molokyle |
Dato : 01-11-05 16:39 |
|
Vil du have centreret mellem top og bund?
Er det dét; der er problemet ?
</MOLOKYLE>
| |
| Kommentar Fra : molokyle |
Dato : 01-11-05 16:41 |
| | |
| Kommentar Fra : molokyle |
Dato : 06-11-05 19:08 |
|
Jeg kan ikke umiddelbart gennemskue 'problemet', men mon ikke du skulle holde dig til standarden ( http://www.w3.org/TR/REC-CSS2/ ) i stedet for stædigt at tilpasse CSS'en til browseren, med de undtagelser og 'hovsa' løsninger = 'Tweaks' der findes på 'markedet'?
Kode * {
margin: 0;
padding: 0;
/* IE fix, fucking no margin: auto; */
text-align: left;
/* IE fix, end*/
}
a {
color: #996600;
}
a:hover {
color: #ffaa00;
}
img {
border: 1px #ffffff solid;
}
body {
color: #ffffff;
background-color: #000000;
margin: 0;
padding: 0;
font-size: 80%;
font-family: verdana, arial, helvetica, sans-serif;
}
#header {
background: url("logo_guld.png") no-repeat;
color: #ffffff;
width: 80%;
height: 150px;
border: 1px solid #fff;
margin: 20px auto 10px auto;
z-index: 1;
}
#header h1 {
padding-right: 30%;
}
#header p {
padding-right: 15%;
}
#quicknews {
text-align: center;
position: absolute;
margin: 25px 0px 0px 50%;
z-index: 2;
}
#buy {
text-align: center;
position: absolute;
margin: 1% 0px 0px 78%;
z-index: 2;
}
#nav {
border: 1px solid #ffffff;
width: 80%;
/* IE problem again, only firefox needs this instead of the universal centering with <div id="center">
margin: 0 auto 0 auto;
*/
/* IE problem again, this times the bar is too short.
margin: 0 10% 0 10%;
*/
margin: 0 auto 0 auto;
background-color: #323232;
padding: 0px 0;
}
#nav li {
display: inline;
list-style-type: none;
padding-left: 30px;
}
#nav a:link, #nav a:visited {
color: #fff;
background-color: transparent;
text-decoration: none;
}
#nav a:hover, #nav a:active {
color: #fff;
background-color: #505050;
}
#content {
color: #fff;
width: 80%;
height: 100%;
border: 1px solid #fff;
margin: 20px auto 0px auto;
}
#content h1, h2, h3 {
padding: 10px;
}
#content p {
padding-left: 20px;
}
/* IE fix, no fucking centering with margin: auto; */
#center {
text-align: center;
}
/* IE fix, no fucking centering with margin: auto; */ |
</MOLOKYLE>
| |
| Du har følgende muligheder | |
|
Dette spørgsmål er blevet annulleret, det er derfor ikke muligt for at tilføje flere kommentarer.
| |
|
|