Zdarvím,
nejsem moc sběhlý v CSS tak bych chtěl požádat o pomoc, při tvorbě tří sloupcového designu jsem narazil na problém, v IE se vše vykreslí v pořátku, ale ve FireFoxu ne.
Viz. obrázky -
navíc přikládám kód:
style.css
@charset "utf-8";
body{
background-color: #926547;
color: #814522;}
#web{
margin: 0 auto;
width: 1100px;
}
#logo{
background-image: url(img/header.PNG);
background-repeat: no-repeat;
width: 998px;
height: 196px;
}
#menu{
background-image: url(img/menu.PNG);
background-repeat:no-repeat;
width: 221px;
height: 721px;
float:left;
}
#textarea{
background-image: url(img/textbox.PNG);
background-repeat:no-repeat;
width: 546px;
height: 632px;
overflow: auto;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-align: center;
padding-top: 100px;
}
#info{
background-image: url(img/info.PNG);
background-repeat:no-repeat;
margin-right: 0px;
width: 221px;
height: 720px;
}
---------------------
index.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Herovicus</title>
<link rel="stylesheet" href="style.css" type="text/css">
<link rel="shortcut icon" href="icon.ico">
</head>
<body>
<div id="web">
<div id="logo"></div>
<div style="float:left;">
<div id="menu"></div>
<div id="textarea">Blablabla</div>
</div>
<div id="info"></div>
</div>
</body>
</html>
A ještě přidávám soubor s obrázky, pro zájemce: http://leteckaposta.cz/614388103