Avatar billede php-nybegynderen Nybegynder
02. august 2006 - 17:52 Der er 21 kommentarer og
1 løsning

Problemer med sideopsætning!

Jeg er efterhånden tit herinde at spørge, men jeg har stadig problemer med selv at sætte en komplet side op :/

www.divinium.dk/dcup

Nogen der kan hjælpe mig med, hvorfor der er hvidt mellemrum både over og under banneret, og samtidig skal man scrolle rigtig langt ned uden at der egentlig er noget indhold, hvordan løser jeg de 3 problemer.

--- index.php ---

<html>

<head>
    <title>Divinium</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
    <table width="826px" align="center">
    <tr>

    <img src="divinium.jpg" width="826px" height="203px" usemap="#divinium" border="0" />

    </tr>
    </table>
</body>

</html>

--- style.css ---

table {

    background-image: url("indhold.jpg");
    background-repeat: repeat-y;
    border-collapse: collapse;
    margin: 0 auto;
    height: 100%; }

table,tr {

    padding: 0px; }
Avatar billede Slettet bruger
02. august 2006 - 18:24 #1
1) Sæt en passende DOCTYPE for din side. Ellers gider IE ikke prøve at overholde CSS-specifikationerne.

2) Sæt margin og padding for body og html til 0
Avatar billede php-nybegynderen Nybegynder
02. august 2006 - 18:32 #2
Tjah - Det hjalp på at banneret ramte toppen, men ikke på det andet..

www.divinium.dk/dcup
Avatar billede php-nybegynderen Nybegynder
02. august 2006 - 19:06 #3
Nu fandt jeg selv lige en måde at få baggrunden til at komme op til banneret.

Jeg mangler stadig at få baggrunden til at gå helt ned til bunden, er der nogen der kan hjælpe? www.divinium.dk/dcup

--- index.php ---

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>

<head>
    <title>Divinium</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
    <table width="827px" align="center">
    <tr>

    <img src="divinium.jpg" style="vertical-align: bottom" width="827px" height="203px" usemap="#divinium" border="0" class="banner" />

    </tr>
    <tr>

    <td>Hej med jer</td>

    </tr>
    </table>
</body>

</html>

--- style.css ---

table {

    background-image: url("indhold.jpg");
    background-repeat: repeat-y;
    border-collapse: collapse; }

body {

    margin: 0px;
    padding: 0px; }
Avatar billede Slettet bruger
02. august 2006 - 19:14 #4
Husk at teste i flere browsere. Det er normalt smartest at udvikle med en browser som har god understøttelse af korrekt CSS og slutte med at rette eventuelle småting, som skal til for at få det til at se fornuftigt ud i IE.

Sæt width og height på html og body til 100% og height på din tabel til 100%.

Giv din tabel
margin-right: auto; margin-left: auto;

Dette centrerer tabellen vandret i standardoverholdende browsere.
Avatar billede php-nybegynderen Nybegynder
02. august 2006 - 19:21 #5
Jep..

Så er jeg så langt..

Kan du hjælpe mig med mit sidste problem, nemlig at siden ikke skal fortsætte, således at scrollen ikke er der MEDMINDRE, der er mere tekst som går udover sidens grænser?

www.divinium.dk/dcup
Avatar billede Slettet bruger
02. august 2006 - 19:34 #6
Du har ikke gjort det endnu. Prøv at se din side med Firefox. Den er helt "knækket".

Sæt en specifik højde på de faste rækker i tabellen. Så burde indholds-cellen i tabellen tilpasse sig, så hele tabellen har fuld højde.
Avatar billede php-nybegynderen Nybegynder
02. august 2006 - 19:42 #7
Jeg har gjort hvad jeg kunne af det du har sagt nu. Men knækket i firefox er der stadig.

Og der er stadig scroll på!! :S
Avatar billede mclemens Nybegynder
02. august 2006 - 20:07 #8
Eksempel:



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>

<head>
    <title>Divinium</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
    <table id="cont">
    <tr>
<td style="vertical-align:top;padding:0px;"><img src="divinium.jpg" width="827px" height="203px" usemap="#divinium" border="0" />

<div><p><b>Første cup planlagt</b> af amica - 02/08-2006<br>
        <i>Diviniums første 5on5 cup er nu planlagt, vi mangler stadig en masse sponsors,
        næste mål er at etablere cuppet således at den kan holdes hver fredag. Tilmeldingen
        starter kl. 12.00 dagen derpå og cuppet går i gang kl. 19.00 medmindre den ikke er
        fyldt med 16 teams.</i></p>

        <p><b>Siden er oppe</b> af amica - 01/08-2006<br>

        <i>Vores side er nu oppe og klar til at blive brugt til en masse 5on5 cups,
        at vi en gang imellem skulle finde på at holde nogen 2on2 cups kan ikke udelukkes.</i></p></div></td>

    </tr>
    </table>
</body>

</html>




html,body {

    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%; }

#cont {

    background-image: url("indhold.jpg");
    background-repeat: repeat-y;
    border-collapse: collapse;
width:827px;height:100%;
    margin-right: auto;
    margin-left: auto; }

p.bold {

    font-weight: bold; }

p {

    font-size: 12px;
    font-family: trebuchet ms;
    color: white;
    margin-top: 10px;
    margin-left: 30px;
    margin-right: 30px; }
Avatar billede mclemens Nybegynder
02. august 2006 - 20:11 #9
Rettelser foretaget:
- table css delen ville ramme evt. fremtidige tables derfor rettet til et id
- table width deklareret overført til css istedet for attribut
- forældet align attribut fjernet.
- img tagget var ikke inde i en td den stod løs ude i en <tr><img...</tr>
- ie fordeler plads imellem rækker når tabellen er højere end plads behovet for rækkerne i tabellen (problemet opstår grundet height 100% design) ... alt lagt ind i samme td dog med en div til det der tidligere var placeret i sin egen td
Avatar billede mclemens Nybegynder
02. august 2006 - 20:12 #10
<img src="divinium.jpg" style="vertical-align: bottom" width="827px" height="203px" usemap="#divinium" border="0" class="banner" />
^ - ved at fjerne placeringen med vertical bottom på img tagget røg scrolleren også
Avatar billede mclemens Nybegynder
02. august 2006 - 20:13 #11
(det kan nok også løses uden en div men jeg er doven)
Avatar billede mclemens Nybegynder
02. august 2006 - 20:15 #12
^ - ok, ved det kan løses med en nested tabel inden i td'en også hvis man ikke vil bruge en div selvfølgelig, men problemet med fordelingen af pladsen er mere det jeg henviste til ... problemet med det kan selvfølgelig også løses ved at få IE til at gå i quirks (fjerne doctypen) men det anbefales ikke.
Avatar billede php-nybegynderen Nybegynder
02. august 2006 - 20:30 #13
Det må jeg sige mclemens !! :P

Det virker jo perfekt :)

Tak for hjælpen!
Avatar billede mclemens Nybegynder
02. august 2006 - 20:33 #14
Velbekom, her er et svar.

Kast et svar sandbox, jeg
er frisk på en deler :o)
Avatar billede php-nybegynderen Nybegynder
02. august 2006 - 20:41 #15
Han er her vist ikke lige :P

Men mclemens .. Så har jeg bare et problem senere jo!! :P

Fordi hvis banneret ligger i en td.. Så kan jeg jo ikke sætte indholdet på siden op i kolonner :/
Avatar billede mclemens Nybegynder
02. august 2006 - 20:58 #16
Så er det nok bedst med table struktur hvis du bruger det... To sekunder... (har lige en faktura der skal skrives og en e-mail der skal sendes ... så er jeg tilbage igen ...)
Avatar billede mclemens Nybegynder
02. august 2006 - 21:06 #17
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>

<head>
    <title>Divinium</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
<table id="cont"><tr><td style="vertical-align:top;padding:0px;">
<img src="divinium.jpg" width="827px" height="203px" usemap="#divinium" border="0" />
<table>
  <tr>
    <td>

<p><b>Første cup planlagt</b> af amica - 02/08-2006<br>
        <i>Diviniums første 5on5 cup er nu planlagt, vi mangler stadig en masse sponsors,
        næste mål er at etablere cuppet således at den kan holdes hver fredag. Tilmeldingen
        starter kl. 12.00 dagen derpå og cuppet går i gang kl. 19.00 medmindre den ikke er
        fyldt med 16 teams.</i></p>

        <p><b>Siden er oppe</b> af amica - 01/08-2006<br>

        <i>Vores side er nu oppe og klar til at blive brugt til en masse 5on5 cups,
        at vi en gang imellem skulle finde på at holde nogen 2on2 cups kan ikke

udelukkes.<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b

<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b

<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>bv</i></p></div>
    </td>
  </tr>
</table>

</td></tr></table>
</body>

</html>
Avatar billede mclemens Nybegynder
02. august 2006 - 21:10 #18
... altså blot div udskiftes med en nested tabel ... som jeg nævnte i 02/08-2006 20:15:31 ... Så skal der måske lige rettes lidt ved din margin indstilling eller måske tildeles 0px padding generalt til alle td elementer ... td{padding:0px;} ... men det er jo finpudsning ;o)
Avatar billede mclemens Nybegynder
02. august 2006 - 21:17 #19
Sandbox kast lige et svar ...
Avatar billede mclemens Nybegynder
02. august 2006 - 21:18 #20
( du kom jo med doctype, height og margin)
Avatar billede Slettet bruger
02. august 2006 - 22:24 #21
For sent nu, men skidt med det. Jeg bruger ikke pointene til noget alligevel.
Avatar billede mclemens Nybegynder
02. august 2006 - 22:27 #22
Hov, joh det er det også :o)

Tak for point php-nybegynderen :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester