سلام
تو این مثال من یه container دارم که 4 تا div رو توش چیدم. این 4 تا div داخل container هستند وقائدتا نباید از اون بیرون بزنن. ولی وقتی padding به div های داخلی میدم تو 3 firefox میزنن بیرون. (تو ie درسته)
کسی میتونه راهنمایی کنه؟
مشکل با line-height و text-indent حل میشه. میخوام با padding درست کنم.
ممنون
تو این مثال من یه container دارم که 4 تا div رو توش چیدم. این 4 تا div داخل container هستند وقائدتا نباید از اون بیرون بزنن. ولی وقتی padding به div های داخلی میدم تو 3 firefox میزنن بیرون. (تو ie درسته)
کسی میتونه راهنمایی کنه؟
مشکل با line-height و text-indent حل میشه. میخوام با padding درست کنم.
ممنون
کد:
<html>
<head>
<title>Div test</title>
</head>
<style type="text/css">
<!--
body {
margin: 0; padding: 0; text-align:center;
}
div#wrapper {
width: 950px;margin: 0 auto;text-align: left; border: 10px solid #000000;padding: 0px 0px 0px 0px; margin-top:20px;
}
div#container {
float:none; width: 100%; margin: 0 auto; background-color:#666; padding:0px; margin:0px;
}
div#titlePageTxtTop {
clear:both; width: 100%; margin: 0 auto; background-color:#3C6; padding:10px 10px 0px 10px;
}
div#titlePageTxtLeft {
float:left; width: 50%; margin: 0 auto; background-color:#69C;
}
div#titlePageTxtRight {
float:right; width: 50%; margin: 0 auto; background-color:#960;
}
div#titlePageTxtBottom {
clear:both; width: 100%; margin: 0 auto; background-color:#FF0;
}
-->
</style>
<body>
<DIV id="wrapper">
<div id="container">
<div id="titlePageTxtTop">main body TITLE Top</div>
<div id="titlePageTxtLeft">main body TITLE Middle Left</div>
<div id="titlePageTxtRight">main body TITLE Middle Right--</div>
<div id="titlePageTxtBottom">main body TITLE Bottom</div>
</div>
</DIV>
</body>
</html>
