PDA

View Full Version : type display's differently on browser


xashx
04-04-2010, 07:21 AM
Can anyone help me with this source of frustration? I'm trying to get my content DIV tag to display type properly my webpage. For some odd reason the display section display's differently than the preview Firefox browser!?!?

http://img171.imageshack.us/img171/1497/nicksitesample1.jpg

mangofreak
04-04-2010, 02:39 PM
Show your code, please or give a link for us to get the code from.
At first glance I would say that you need to have have your elements inside a wrapper div to hold them in place, there (inside the wrapper) position your text accordingly, either on a div of its own or paragraph.

xashx
04-04-2010, 10:59 PM
Sry bout that. Here's my Html code. That wrapper suggestion might be it. Although I sliced up my page in Photoshop to Dreamweaver.

<html>
<head>
<title>weblayout</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #F9EAC3;
}
-->
</style>
<link href="/site_layout_content.css" rel="stylesheet" type="text/css">
<link href="/site_layout.css" rel="stylesheet" type="text/css">
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (weblayout.psd) -->
<div id="site_layout">
<div id="site_layout">
<div id="site_layout.css">
<div id="site_layout">
<div id="site_layout">
<table width="1024" height="768" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td>
<img src="images/index_01.jpg" width="415" height="212" alt=""></td>
<td rowspan="3"><div id="site_layout_content">
<p>Content for id "site_layout_content" Goes Here</p>
</div></td>
</tr>
<tr>
<td>
<img src="images/index_03.jpg" width="415" height="20" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_04.jpg" width="415" height="536" alt=""></td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>

mangofreak
04-05-2010, 02:41 AM
I see you are using tables. I would suggest to go CSS all the way. Tables is easy, but CSS has more to offer.

Depending on what parts of your image are going to be used as links (in case you won't), you could use the whole image as a background and have your text on the right side as you planned it and positioned anywhere on the page.
Or you could have it as images on a div and your text on another. However, remember to put your divs in a wrapper div so they have a relation to a parent div.

Cheers.