: POMOC : Problem sa textom na sajtu

[ lordring @ 28.02.2005. 20:02 ] @

Juce sam uradio ovaj sajt
[url]www.alogia.org.yu[/url]

I posto sam apsolutni pocetnik u web dizajniranju, dogodio mi se jedan problem koji mi nimalo nije jasan:

Na mom kompjuteru (pod Operom 7.54 i IE 6.0) kao i na nekim drugim text je sasvim normalan i u okviru je granica koje su postavljene na svakoj stranici, ali kod nekih drugara (koji takodje imaju Operu, kao i kod mene pod Mozila 0.9.2) se dogadja da se redovi text odvajaju vecim razmakom od standardnog i onda dolazi do toga da text prelazi preko okvira i u nekim delovima sajta se preklapa sa drugim textovima

Dacu jedan manji primer sa sajta:

Code:
<!DOCTYPE HTML PUBLIC "-//WC3//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<HTML>

<HEAD>
<META NAME="KEYWORDS" CONTENT="">
<META NAME="DESCRIPTION" CONTENT="">
<META NAME="generator" CONTENT="CoffeeCup VisualSite Designer - www.coffeecup.com">


<TITLE> The Official Website of AlogiA </TITLE>

<STYLE TYPE="text/css">
.textstyle0 {font-family:Tahoma;font-weight:bold;font-style:normal;font-size:8pt;text-decoration:normal;color:#fecc00;}
.textstyle1 {font-family:Tahoma;font-weight:normal;font-style:normal;font-size:8pt;text-decoration:normal;color:#fecc00;}
</STYLE>

<STYLE TYPE="text/css">
DIV.Object131 { position:absolute; top:77px; left:177px; z-index:0; }
DIV.Object132 { position:absolute; top:156px; left:242px; z-index:1; }
DIV.Object133 { position:absolute; top:1px; left:367px; z-index:2; }
DIV.Object134 { position:absolute; top:98px; left:225px; z-index:3; }
DIV.Object135 { position:absolute; top:98px; left:341px; z-index:4; }
DIV.Object136 { position:absolute; top:98px; left:462px; z-index:5; }
DIV.Object137 { position:absolute; top:98px; left:582px; z-index:6; }
DIV.Object138 { position:absolute; top:98px; left:704px; z-index:7; }
DIV.Object139 { position:absolute; top:123px; left:286px; z-index:8; }
DIV.Object140 { position:absolute; top:123px; left:408px; z-index:9; }
DIV.Object141 { position:absolute; top:123px; left:653px; z-index:10; }
DIV.Object142 { position:absolute; top:123px; left:530px; z-index:11; }
DIV.Object143 { position:absolute; top:150px; left:180px; z-index:12; }
DIV.Object144 { position:absolute; top:150px; left:785px; z-index:13; }
DIV.Object145 { position:absolute; top:546px; left:242px; z-index:14; }
DIV.Object146 { position:absolute; top:205px; left:253px; z-index:15; }
</STYLE>
</HEAD>

<BODY LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0  BGCOLOR="#000000" LINK="#00ffff" VLINK="#0080c0">

<TABLE WIDTH="990" HEIGHT="570" BORDER=0 CELLSPACING=0 CELLPADDING=0>
<TR>
<TD>
<br>
</TD>
</TR>
</TABLE>

<DIV class="Object131"><IMG SRC="../images/toolbar.jpg"  WIDTH=680 HEIGHT=90 BORDER=0></DIV>

<DIV... (da skratim ovaj deo) class="Object145"><IMG SRC="../images/down.jpg"  WIDTH=550 HEIGHT=24 BORDER=0></DIV>

<DIV class="Object146"><TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=530 HEIGHT=163><TR><TD VALIGN="TOP" ALIGN="left"><DIV CLASS="text-align:left;margin-left:0px;text-indent:0px;"><SPAN CLASS="textstyle0">Greetings everyone!<br>
<br>
</SPAN><SPAN CLASS="textstyle1">Our guestbook is now open so we will receive your comments about our albums, band or everything you <br>
wanna share with us, so please write us at <A HREF="mailto:[email protected]">[email protected]<br>
<br>
</A>Please input your homepage (if you have one), country & hometown before your comments (we will take your <br>
e-mail name as the guestbook nick unless you specify it in your mail)<br>
<br>
We will try to update this page as much as we can!<br>
<br>
We await your comments :)<br>
</SPAN></DIV></TD></TR></TABLE></DIV>

</BODY>
</HTML>

E sad, konkretno, za ovu stranicu usled malog texta, on ostaje na stranici, ali kod nekih vecih kolicina texta dolazi do preklapanja i probijanja texta na dole iako mu odredim i width i height

U cemu gresim i kako to da ispravim?

Najvise me buni to sto nije kod svih, nego samo kod pojedinih tipova browsera/kompjutera
U cemu gresim?