[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">
<!--
The following Html Code was generated by CoffeeCup VisualSite Designer.
Copyright 2003, Via-net ApS
http://www.via-net.dk
//-->
<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>
<!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">
<!--
The following Html Code was generated by CoffeeCup VisualSite Designer.
Copyright 2003, Via-net ApS
http://www.via-net.dk
//-->
<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?