Blogot szerkesztek CSS-ben, és ez nekem kínai! Mi lehet a gond?
sziasztok,szerkesztem a blogomat, és van egy idegesítő hiba, amit a világért sem tudok korrigálni, hiába változtatok a számszerű adatokon.
A fejléc teljesen szépen középre igazítva helyezkedik el.
A "main wrapper" rész, ami alatta van, pedig el van csúszva középhez képest picivel. jobbra kéne eltolnom picit, hogy pontosan helyezkedjen a fejléc alatt, de sehogy sem megy abba az iriányba. kérlek segítsetek, hogy ti hogyan igazítjátok a fejlécet és azt a wrapper-t tökéletesen egymás alá?
válasza:sokféleképpen lehet, és ezerféle dolog lehet a hiba.
mutass oldalt (akár privátban is), vagy kódot.
Köszönöm a gyors reakciót. Kimásoltam a header és a wrapper-re vonatkozó kódos dolgot, hátha ebből kiderül mi a gond.
div#pageHeader {
background: url( [link] no-repeat bottom center;
width: 824px;
height: 220px;
padding: 0px;
margin: 0px;
border: green solid 0px;
}
div#pageHeader h1 {
position: relative;
top: 100px;
float: center;
color: #FFFFFF;
font: 32px Georgia, helvetica, sans-serif;
padding-left: 70px;
padding-bottom: 3px;
}
div#pageHeader h1 a, div#pageHeader h1 a:visited {
color: #fff;
text-decoration: none;
}
div#pageHeader h1 a:hover {
color: #fff;
text-decoration: underline;
}
div#pageHeader h3 {
font-size: 14px;
font-weight: normal;
text-align: left;
position: relative;
top: 160px;
left: 130px;
float: right;
color: #FFFF66;
font-family: Trebuchet MS, Geneva, Arial, sans-serif;
border: red solid 0px;
height: 40px;
}
div#pageHeader div.notes {
display: none;
font-size: 12px;
padding: 0px;
margin: 0px;
float: right;
color: #000;
border: red solid 0px;
}
div#pageHeader div.notes a {
color: #0f0;
}
/*## Page Layout ## */
div#wrapper /* Main white content zone */
{
width: 824px;
margin: 0px;
margin: 0 auto ;
padding: 0px;
background-image: url( [link]
background-repeat: repeat-y;
/*overflow: auto;*/
}
div#leftWrapper {
width: 0px;
border: 0px;
float:left;
display: none;
}
div#mainWrapper {
width: 540px;
border: 0px solid blue;
float:center;
padding-top: 0px;
overflow: hidden;
word-wrap: break-word;
}
div#rightWrapper {
width: 220px;
border: 0px solid green;
float:right;
padding-right: 10px;
overflow: hidden;
word-wrap: break-word;
}
div.leftIn { background-color: #fff; padding: 8px; display: none; }
div.rightIn {
padding: 10px;
font-size: 12px
}
div.mainIn {
width: 520px;
padding: 8px; padding-left:0px; padding-right: 0px;
margin-left: 16px;
border: 0px solid #0f0;
overflow: hidden;
word-wrap: break-word;
}
válasza:Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!