Notifikationer

Markér alle som læst Log ud

fanatic Nybegynder

15. marts 2006 - 00:46 Der er 3 kommentarer og
1 løsning

Billede centralt (lodret og vandret) på webside

Hej eksperter.
Nedenstående kode viser hvordan man kan centrere sin website til at vise alt tekst og billeder i midten af skærmen.

<html>
<head>
<title></title>
</head>
<body>
<table width="100%" height="100%" border="0">
<tr>
<td align="center" valign="middle">Tekst i midten</td>
</tr>
</table>
</body>
</html>

Hvorfor virker det ikke når jeg benytter VS og ASP.NET?

Når jeg "paster" tabelkoden ind på min aspx side i VS og derefter kører projektet så vises teksten vandret i midten. Desværre vises teksten ikke i midten på den lodrette side men står bare øverst på siden.

Synes godt om

snepnet Nybegynder

15. marts 2006 - 01:01 #1

well... jeg tror du finder hvad du har brug for her:
http://www.apptools.com/examples/tableheight.php
mvh

Synes godt om

fanatic Nybegynder

15. marts 2006 - 13:03 #2

Hej snepnet.

Det var præcis hvad jeg havde brug for. Nu står siden præcis i centrum ved IExplorer ;-)

Eneste problem er at når siden vises i Firefox så er tabellen 'der viser siden' placeret oppe i venstre hjørne som om Firefox slet ikke kan tolke min css. css'en ser således ud:

#fullheight {height:100%}

html, body, #wrapper {
height:100%;
margin: 0;
padding: 0;
border: none;
text-align: center;
font-size: 10pt;
color: black;
font-family: Verdana;
background-color: #ffffff;

}
#wrapper {
margin: 0 auto;
text-align: center;
vertical-align: middle;
width: 400px;
background-color: Blue;
}

Artiklen beskriver desværre ikke noget mht Firefox :-(

Sender du lige et svar så du kan få de velfortjente point ;-)

Synes godt om

snepnet Nybegynder

15. marts 2006 - 13:12 #3

mmm ... jeg synes hans eksempler stod fint i begge browsere, men der er så alligevel et lille issue... trist :o(

Synes godt om

fanatic Nybegynder

15. marts 2006 - 13:38 #4

Hej Snep.
Okay jeg fandt en lignende artikkel:
http://tutorials.alsacreations.com/centrer/

Ved blot at gøre således virker det i IE og Firefox:

#global {
position:absolute;
left: 50%;
top: 50%;
width: 700px;
height: 400px;
margin-top: -200px; /* half of the height */
margin-left: -350px; /* half of the width */
border: 1px solid #000;
}

Then place the container right below the <body> tag:

<div id="global"></div>

Jeg skal ikke afvise at jeg i det andet eksempel selv havde noget kode et sted som fik det til ikke at virke i Fox.
Tak for hjælpen ;-)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Se alle it-kurser fra Computerworld Kurser

IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

Se alle it-kurser

Flere spørgsmål fra ASP.NET kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Angular, oprettelse af et projekt , Visual Studio 2022, C# Af OBS i ASP.NET	14	08/12/202501:05	11/12/202518:15
valgte i checkboks og comboboks opdater gui og backend Af keepy i ASP.NET	0	01/10/202318:39	-
Webservice Af SommerFyr i ASP.NET	19	11/05/202313:43	31/05/202315:08
ASP:Image og JPG/PDF Af TV47 i ASP.NET	4	25/03/202318:49	31/03/202310:24
www til non-www og HTTPS Af KOH i ASP.NET	2	16/03/202312:31	22/03/202310:19

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS