Jump to content

ie div problem


alin19

Recommended Posts

i have same code on my localhost server and a bought host,

 

the page located on local host is arange good in ie and mozila

 

the page locatted on the other server is arange good in mozila but in ie il looks all wrong,

 

same code, same css file,

Link to comment
Share on other sites

well is not realy a php problem i think, but i don't get it why it looks diferent the same code on diferent servers

<html>
<head>
<link href="../css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container">
<div class="header">

<table width="1000" cellpadding="0" cellspacing="0">
      <tr>
        <td width="800" height="36"><img src="../templates/Poze/name.jpg" alt="Vesminte Preotesti" width="275" height="125"></td>
        <td width="45" align="left" valign="bottom" id="tdtabelmeniu"><span class="style3 style1"><a href="../php/plasare_comanda.php?categorie=all&page=1">Produse</a></span></td>
        <td width="46" align="left" valign="bottom"> </td>
        <td width="67" align="left" valign="bottom" id="tdtabelmeniu"><span class="style3"><a href="contact.html">Contact</a></span></td>
      </tr>
</table>
<br>
</div>
<br>
		<div class="leftBar" >
<ul>	{if $supraveghetor.login == true}
	    <li>Admin</li>
		<li><a href="../php/adaugare_produs.php">Adaugare Produs</a></li>
		<li><a href="../php/categorii.php">Adaugare Categorie</a></li>
		<li><a href="../php/confirmare_comanda.php">Confirmare Comanda</a></li>
		{/if}	
		<li>Guest</li>
		<li><a href="../php/login.php">Login:</a></li>
		<li><a href="../php/plasare_comanda.php?categorie=all">Plasare Comanda</a></li>
				{section name=i loop=$supraveghetor.nr_categorii}
		<li><a href="../php/plasare_comanda.php?categorie={$supraveghetor.categorii[i].nume}">{$supraveghetor.categorii[i].nume}</a></li>
		{/section}	

</ul>
</div>
<div class="content">
<form method="POST">
Username:<input type="text" name="username">
Password:<input type="password" name="password">
<input type="submit" name="logare" value="login">
<input type="submit" name="delogare" value="logout">
</form>
</div>
</div>
</body>
</html>

div.container {

  margin:auto;

  background: #ffffff;

  border: red 4px dashed; border-bottom: blue 4px solid; border-top-style: ridge;

  background-color: #990000;

  border: 1px solid #FBD76A;

  width:1000px;

  height:800;

 

}

 

div.header {

  background-color: #990000;

  border-bottom: 1px solid #FBD76A;

}

 

div.leftBar {

  float: left;

  width: 150px;

  background-color: #990000;

}

 

div.content {

 

  float:left;

  width:800px;

 

}

 

div.rightBar {

border: red 4px dashed; border-bottom: blue 4px solid; border-top-style: ridge;

  float:right;

  width: 264px;

  height: 400px; 

  background: #EBEBEB;

}

Link to comment
Share on other sites

You should really think about complete stopping the use of table tags. They are deprecated.

 

Table tags aren't deprecated, they just shouldn't be used for page layout. But using them for tabular information is absolutely fine. Although whether that is what this guy is using them for, I can't tell.

 

To the OP - what exactly is the problem. You have said 'they don't look the same'. Can you be more specific? Also, can you give a link? That's the easiest way to solve the problem.

Link to comment
Share on other sites

Text-align: center to the body tag is bad for a couple reasons:

 

1) It centers EVERYTHING, text and all, and has to be overridden for descendant elements

2) It's not text that he is trying to center, its the site.

 

Actually, the page should already be centered. He has set a width and an auto margin to the container, which will center it on the page. If it's not centered (did he mention that somewhere?), it's either because the width of the container is wrong, or because 1000px is wider than the screen he is looking at.

Link to comment
Share on other sites

well actualy there was a diference of the elemnts inserted in the database and then shown on the page. was something like this:

 

local:

menu

 

categories

test 

 

web:

menu

 

categories

VESMINTE PRE

 

and in firefox mozila looked the same because from the left div, the longer string was pasing over the center div, but in ie was pushing the center div down

 

10x for helping

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.