The layout is different in mozilla than in IE

@WebfreakFeb 18.2004

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!!

to post a comment

CSS

10 Comments(s) _↴

@Paul_JrFeb 18.2004 — #Hey, welcome to the forums. ?

We're gonna need a link to the page in question or some code to help you out. ?

@WebfreakauthorFeb 18.2004 — #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 :p) ad it is mention yust for testing CSS and practice. I don't know where is the error.

Thx for answers!

@Paul_JrFeb 18.2004 — #It's gonne be next to impossible to find out the problem without the HTML that goes with the CSS up there. ?

@WebfreakauthorFeb 18.2004 — #<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">



<html>

<head>

<title>Welcom</title>



<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>



<div id = "celota">

<div id = "gumbi">

Here goes the menu bar </div>

<div id="meni">

<h3>Pregled</h3>

<ul>

<li><img src="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://innovative-hosting.net/">Inno-Hosting</a></li>

<li><a href="http://csszengarden.com/">CSS Zen Garden</a></li>

<li><a href="http://alistapart.com/">A List Apart</a></li></ul>

</div>

<div id = "noga"><img src="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!! ?

@Paul_JrFeb 18.2004 — #Alright, I'll see what I can do. ?

@Paul_JrFeb 18.2004 — #Please see attached file.

Tested in:
[list]

[*]IE 5.01

[*]IE 5.5

[*]IE 6.0

[*]Firebird 0.7

[*]Firefox 0.8

[*]Mozilla 1.6

[*]Netscape 7.1

[*]Opera 7.23

[/list]
Everything checks out.

[upl-file uuid=0cbdd0ce-1510-49f7-888b-352d2726f24d size=2kB]webfreak.zip[/upl-file]

@WebfreakauthorFeb 18.2004 — #Thanks a million!!! That was really quick! ?

@Paul_JrFeb 19.2004 — #[i]Originally posted by Webfreak [/i]

[B]Thanks a million!!! That was really quick! ? [/B][/QUOTE]
No problem. Glad I was able to help. :p ?

@WebfreakauthorFeb 19.2004 — #I think that this will sound a little bit strange but I cann't find out where I have made error. :p

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.

@ray326Feb 19.2004 — #Are the styles there but wrong or is there no style applied at all.

Also in #CSS _↴

IE problem with height div problem Firefox versus IE

Success!

Help @Webfreak spread the word by sharing this article on Twitter...

Tweet This

about: ({
version: 0.1.9 — BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});

changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...

recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...

The layout is different in mozilla than in IE

10 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

The layout is different in mozilla than in IE

10 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

10 Comments(s) _↴

Also in #CSS _↴