Hi,
I have developed an E-commerce site, which has major portion in CSS.
The site is developed in PHP, the flow of the site goes like this:-
————————————————————————————————————————————————————————-
TOPBAR PORTION
————————————————————————————————————————————————————————-
|
|
|
|
|
|
|
|
LeftBar Area -
|
|
|
| MiddleBar / Content Area
|
|
|
———————————————————————————————————————————————————-
BOTTOMBAR PORTION
———————————————————————————————————————————————————
now the problem is this frame / body looks perfect in IE browser, but has problems with other browsers.
In other browsers the BottomBar comes below the TOPBar ignoring the center area. I dont know how is that happening, because it seems perfect in IE.
The code is as below -
********************
<html>
<head>
<link rel=“stylesheet” type=“text/css” href=“css/style.css” />
<link href=“css/main.css” rel=“stylesheet” type=“text/css” />
<script language=“javascript” value=“text/javascript” src=“js/front.js”></script>
</head>
<? topbar();?>
<body>
<center>
<div id=“articles”> // Class code - #articles {width: 778px; padding: 3px 0px 0px 0px; margin: 0; position: irrelevant;}
<div id=“right”> // Class code #right {float: right;width: 600px;padding: 0 0px 0 0;}
<div>
Content of the MiddleBar Area goes here
</div>
<div id=“left”><? leftbar();?></div>
</div>
<div><? bottombar();?></div>
</body>
</html>
************************
Though I have tried getting the leftbar after the <body> tag it results the same or something weird…
Any Help to make changes in the Code would be really helpful