Gå til innhold

Problemer med at tekst kommer på feil sted :O


Anbefalte innlegg

Hei jeg har nå mekket sammen fire diver til å bli et lite oppset for koden min, men har fått et problem. Copryright teksten som skal være nederst på siden har klart å krype seg opp hvedssiden av tabellen som dere ser på bilde

 

feil.jpg

 

Jeg klarer ikke å finne ut hva som er galt. har sett igjennom hele koden, men ingenting.. Kan dere se noe jeg ser oveR?

 

Kode:

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>

<div id='wrap_main'><center>
<center><h3>Union profile for <u>Staff</u></h3></center><div id='wrap_left'>
  <div id='left_top'><img src='avatar/1.jpg' height=205 width=200 /></div>
  <div id='left_bottom'><ul>
  <li><img src='bilder/gold.png'>Money: 5000$</li></ul>

</div></div>
<div id='wrap_right'><table><th>Member</th><th>Popularity</th><th>Union Position</th><th>Note</th><th>Online Status</th><th colspan=2>Manage</th>
<tr><td>BLABLA</td></tr></table></div>

<a href='index.php?page=union&action=inviteuser'>Invite Player</a>
<a href='index.php?page=union&action=browse'>Go to war</a>
<a href='index.php?page=union&action=buywarequip'>Buy war equipment</a></center><hr width=200>
<center>Copyright &copy Per Arne Andersen 2008<br>All rights reserved<br>Page Generated in 0.0070 seconds</center> </div>

</div>
</body>
</html>

 

CSS:

div#wrap_left {
width: 200px;
float: left;
clear: left;

}

div#left_top {
background-color: #DDDDFF;
min-height: 200px;
float: left;
clear: both;
width: 200px;
}

div#left_bottom {
background-color: #DDDDFF;
min-height: 100px;
float: left;
clear: both;
width: 200px;
text-align:justify;
}

div#wrap_right {
float: left;
background-color: #DDDDFF;
overflow: auto;
position:relative;
top: 5px;
left: 5px;


}

 

Täckar så mycke for hjelpen :p

EDIT : koden ble litt vanskelig å lese :O

Endret av Dryper
Lenke til kommentar
Videoannonse
Annonse

Beklager, men jeg har allergi for spaghetti. Så rotete kode orker jeg ikke engang prøve å sette meg inn i, og jeg tviler på at så mange andre orker det. Tydeligvis er du ikke helt satt inn i koden selv - det er et godt utgangspunkt for å ta en liten vårrengjøring. ;)

Lenke til kommentar
Beklager, men jeg har allergi for spaghetti. Så rotete kode orker jeg ikke engang prøve å sette meg inn i, og jeg tviler på at så mange andre orker det. Tydeligvis er du ikke helt satt inn i koden selv - det er et godt utgangspunkt for å ta en liten vårrengjøring. ;)

 

ja var mye unødvendig.. fiksa det nå

Lenke til kommentar

Det enkleste vil vel være å legge til en footer under hovedwrappen.

 

<div id="footer" style="style den som du vil ha den, bredde, farge, høyde osv"><p>Copyright © Per Arne Andersen 2008 osv...</p></div>

 

Du bør forresten styre unna center-tagen.

 

Sentrer siden din med

 

* {margin:0 auto; padding:0}

body {text-align:center;}

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...