I have some problems with layout. I am using external CSS file and when I preview my page with IE it seems all OK but when I view it with mozilla firefox every thing is centered on the middle 
. If someone know the answer please response. If you need more informations I can give it to you. Thx!!Hey, welcome to the forums. 
We're gonna need a link to the page in question or some code to help you out.
body {
text-align: center; color: black;
background: #b5c0c3;
margin: 10px 0 10px 0;
font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
font-size: 11px;
}
#celota {
color: #333;
background: #fff;
width: 150px;
border-left: 1px solid #999999;
border-right: 1px solid #879599;
margin: auto;
voice-family: "\"}\"";
voice-family: inherit;
width: 150px;
}
#gumbi {
width: 900px;
border-bottom: 10px solid #999999;
}
html>body .content {
width: 630px;
}
#noga {
width:900px;
background-color: #ccccff;
border-top: 1px solid #999999;
}
#novice {
width: 600px;
text-align: left;
}
#meni {
color: #404040;
font-size: x-small;
background: #fff;
float: right;
width: 150px;
text-align: left;
border-bottom: 1px solid #819ebb;
padding-bottom: 10px;
margin-bottom: 10px;
margin-right: 0px;
margin-top: 10px;
border-right: 1px solid #819ebb;
}
#meni h3 {
color: #9dabaf;
background: #f9f9f9;
font-size: 10px;
border-top: 1px solid #819ebb;
border-bottom: 1px solid #d6dbe0;
padding: 5px 0 4px 10px;
margin: 0;
}
#meni ul {
margin-left: 15px;
padding-left: 0;
list-style-type: none;
text-align: left;
}
#meni ul li {
font-size: 10px;
text-align: left;
}
#meni a {
color: #867663;
background: transparent;
text-decoration: none;
font-size: 10px;
line-height: 19px;
text-align: left;
}
#meni a:hover {
color: #000;
background: transparent;
text-decoration: underline;
}
#meni p {
margin-left: 10px;
}
This is the only the part of the code (the other isn't finished yet
) ad it is mention yust for testing CSS and practice. I don't know where is the error.
Thx for answers!It's gonne be next to impossible to find out the problem without the HTML that goes with the CSS up there.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- Dobrodosli na strani M&S Developing team! --><!-- Priporocen ogled je z resolucijo 1024 x 768 in brskalnikom IE 6 ali Mozilla Firefox! -->
<html>
<head>
<title>Welcom</title>
<!-- Napisati je potrebno meto -> kako dobro in tako da bodo ljudje lahko prepoznali najino delo -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<meta http-equiv="imagetoolbar" content="no">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="generator" content="">
<meta name="author" content="Webby in Webfreak">
<meta name="robots" content="all">
<meta name="copyright" content="M&S Developing team">
<meta name="subject" content="Portal">
<style type="text/css" media="all">@import "style.css";</style>
</head>
<body>
<!-- Za uporabo CSS je zelo dobro namesto tabel uporabiti znacko <div>, drugace nima pomena!! -->
<div id = "celota">
<div id = "gumbi">
Here goes the menu bar </div>
<div id="meni">
<h3>Pregled</h3>
<ul>
<li><img src=http://www.webdeveloper.com/forum/archive/index.php/"frame2.png" width="7" height="7"><a href=""> Some links</a></li>
<li></li>
</ul>
<h3>Kaj zanimivega ponujamo</h3>
<ul>
<li></li>
</ul>
<h3>Veljavnosti</h3>
<ul>
<li></li>
<li></li>
</ul>
<br>
<h3>Linki do "SVETA"</h3>
<ul>
<li></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://innovative-hosting.net/">Inno-Hosting</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://csszengarden.com/">CSS Zen Garden</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://alistapart.com/">A List Apart</a></li></ul>
</div>
<div id = "noga"><img src=http://www.webdeveloper.com/forum/archive/index.php/"linija.png" width="900" height="25"></div>
</body>
</html>
This is the whole HTML code. I hope that this will help you a little bit more!!Alright, I'll see what I can do. Please see attached file.
Tested in:
IE 5.01
IE 5.5
IE 6.0
Firebird 0.7
Firefox 0.8
Mozilla 1.6
Netscape 7.1
Opera 7.23
Everything checks out.Thanks a million!!! That was really quick!
Originally posted by Webfreak
Thanks a million!!! That was really quick!
No problem. Glad I was able to help. I think that this will sound a little bit strange but I cann't find out where I have made error.
Well I have also edited some of the other missing parts of the code but when I priview it on my compurter all sems allright in IE and in mozilla. But when I upload this on the net I cant see the new layout. I have allready tryed with refresh and with delition of TMP files. If you need the code I will put it on the forum.Are the styles there but wrong or is there no style applied at all.
. If someone know the answer please response. If you need more informations I can give it to you. Thx!!Hey, welcome to the forums. We're gonna need a link to the page in question or some code to help you out.
body {text-align: center; color: black;
background: #b5c0c3;
margin: 10px 0 10px 0;
font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
font-size: 11px;
}
#celota {
color: #333;
background: #fff;
width: 150px;
border-left: 1px solid #999999;
border-right: 1px solid #879599;
margin: auto;
voice-family: "\"}\"";
voice-family: inherit;
width: 150px;
}
#gumbi {
width: 900px;
border-bottom: 10px solid #999999;
}
html>body .content {
width: 630px;
}
#noga {
width:900px;
background-color: #ccccff;
border-top: 1px solid #999999;
}
#novice {
width: 600px;
text-align: left;
}
#meni {
color: #404040;
font-size: x-small;
background: #fff;
float: right;
width: 150px;
text-align: left;
border-bottom: 1px solid #819ebb;
padding-bottom: 10px;
margin-bottom: 10px;
margin-right: 0px;
margin-top: 10px;
border-right: 1px solid #819ebb;
}
#meni h3 {
color: #9dabaf;
background: #f9f9f9;
font-size: 10px;
border-top: 1px solid #819ebb;
border-bottom: 1px solid #d6dbe0;
padding: 5px 0 4px 10px;
margin: 0;
}
#meni ul {
margin-left: 15px;
padding-left: 0;
list-style-type: none;
text-align: left;
}
#meni ul li {
font-size: 10px;
text-align: left;
}
#meni a {
color: #867663;
background: transparent;
text-decoration: none;
font-size: 10px;
line-height: 19px;
text-align: left;
}
#meni a:hover {
color: #000;
background: transparent;
text-decoration: underline;
}
#meni p {
margin-left: 10px;
}
This is the only the part of the code (the other isn't finished yet
) ad it is mention yust for testing CSS and practice. I don't know where is the error. Thx for answers!It's gonne be next to impossible to find out the problem without the HTML that goes with the CSS up there.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><!-- Dobrodosli na strani M&S Developing team! --><!-- Priporocen ogled je z resolucijo 1024 x 768 in brskalnikom IE 6 ali Mozilla Firefox! -->
<html>
<head>
<title>Welcom</title>
<!-- Napisati je potrebno meto -> kako dobro in tako da bodo ljudje lahko prepoznali najino delo -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<meta http-equiv="imagetoolbar" content="no">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="generator" content="">
<meta name="author" content="Webby in Webfreak">
<meta name="robots" content="all">
<meta name="copyright" content="M&S Developing team">
<meta name="subject" content="Portal">
<style type="text/css" media="all">@import "style.css";</style>
</head>
<body>
<!-- Za uporabo CSS je zelo dobro namesto tabel uporabiti znacko <div>, drugace nima pomena!! -->
<div id = "celota">
<div id = "gumbi">
Here goes the menu bar </div>
<div id="meni">
<h3>Pregled</h3>
<ul>
<li><img src=http://www.webdeveloper.com/forum/archive/index.php/"frame2.png" width="7" height="7"><a href=""> Some links</a></li>
<li></li>
</ul>
<h3>Kaj zanimivega ponujamo</h3>
<ul>
<li></li>
</ul>
<h3>Veljavnosti</h3>
<ul>
<li></li>
<li></li>
</ul>
<br>
<h3>Linki do "SVETA"</h3>
<ul>
<li></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://innovative-hosting.net/">Inno-Hosting</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://csszengarden.com/">CSS Zen Garden</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://alistapart.com/">A List Apart</a></li></ul>
</div>
<div id = "noga"><img src=http://www.webdeveloper.com/forum/archive/index.php/"linija.png" width="900" height="25"></div>
</body>
</html>
This is the whole HTML code. I hope that this will help you a little bit more!!
Alright, I'll see what I can do. Please see attached file.Tested in:
IE 5.01
IE 5.5
IE 6.0
Firebird 0.7
Firefox 0.8
Mozilla 1.6
Netscape 7.1
Opera 7.23
Everything checks out.Thanks a million!!! That was really quick!
Originally posted by Webfreak Thanks a million!!! That was really quick!
No problem. Glad I was able to help.
I think that this will sound a little bit strange but I cann't find out where I have made error. Well I have also edited some of the other missing parts of the code but when I priview it on my compurter all sems allright in IE and in mozilla. But when I upload this on the net I cant see the new layout. I have allready tryed with refresh and with delition of TMP files. If you need the code I will put it on the forum.Are the styles there but wrong or is there no style applied at all.