Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

Kritik och hjälp med CSS...

1
Skriv svar
Permalänk
Medlem
●

Kritik och hjälp med CSS...

Sitter och pillar lite med ett sommarprojekt...

Eftersom jag själv surfar med FF så testades det ju med FF när jag snickrade. Trodde inte att det skulle bli så mycket problem med tex IE om jag gjorde det så det fungerade med FF. Men så fel jag hade.

Största problemet är att få den 100% hög. Finns det en lösning på det? Jag har läst en del, men får det inte att fungera.

Sedan så blir det inte samma bredd. Om man kollar på "Senaste Nytt" så ligger den kolumnen mer till vänster i IE. Fel. Hur löser man det utan att den skall hamna för mycket till höger i FF.

Vad tycker ni om sidan? (finns inget att se iofs, men ändå )

adress: http://ipren.myftp.org/html/

Edit: kolla gärna vad som är fel i andra webbläsare också..

Senast redigerat
Visa signatur

Detta är min tjusiga signatur. <<<<<<<

Redigera
Citera flera Citera
Permalänk
Medlem
●

Det finns någon bugg med IE som orsakar dubbel marginal på element med float. Lösningen var att sätta display: inline (eller var det block?) på elementet. Kanske värt att testa?

Visa signatur

This is my signature. There are many like it but this one is mine.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Texten går förlångt ner i Firefox 1024x768 för mig.

Visa signatur

Neun und neunsich.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av C22H28N2O
Texten går förlångt ner i Firefox 1024x768 för mig.

Hmm, vad menar du med för långt ner?

Visa signatur

Detta är min tjusiga signatur. <<<<<<<

Redigera
Citera flera Citera
Permalänk
Medlem
●

jag lyckades få till en lösning på 100% höjd problemet i FF och IE igår.

detta skapar en div med vit bakgrund som fyller ut hela höjden på browsern oavsett om innehållet går ner längre än så eller inte.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
	<div id="page">hej</div>
</body>

CSS

html
{
	height: 100%;
}

body
{
	margin: 0px;
	padding: 0px;
	background-color: #aaa;
	height: 100%;
	width: 100%;
	
}

#page
{
	display:table;
	width: 800px;
	height: 100%;
	margin: 0 auto;
	background: #fff;
}

snygg logo btw!

Senast redigerat
Visa signatur

Alexander Engvall
Asus V2S [ c2d T7300 2.0GHz | 2GB ram | 8600M GS 256MB | 160GB hdd 5400rpm | 14,1" 1440*900 | Windows Vista Business ]

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av trans4m
jag lyckades få till en lösning på 100% höjd problemet i FF och IE igår.

detta skapar en div med vit bakgrund som fyller ut hela höjden på browsern oavsett om innehållet går ner längre än så eller inte.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
	<div id="page">hej</div>
</body>

CSS

html
{
	height: 100%;
}

body
{
	margin: 0px;
	padding: 0px;
	background-color: #aaa;
	height: 100%;
	width: 100%;
	
}

#page
{
	display:table;
	width: 800px;
	height: 100%;
	margin: 0 auto;
	background: #fff;
}

snygg logo btw!

Hmm, testade nu.. Men det blev inget vidare.. Eller ja, ingen skillnad... ?

Tack..

Visa signatur

Detta är min tjusiga signatur. <<<<<<<

Redigera
Citera flera Citera
Permalänk
Medlem
●

ta bort <div id="page"> och lägg in css infon för den till cont-diven ist (med din bakgrund ist såklart), ta bort height=100% i div-taggen

Visa signatur

Alexander Engvall
Asus V2S [ c2d T7300 2.0GHz | 2GB ram | 8600M GS 256MB | 160GB hdd 5400rpm | 14,1" 1440*900 | Windows Vista Business ]

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av Andykidden
Hmm, vad menar du med för långt ner?

Ojsan, nu när jag öppnar sidan fungerar den fint.

Visa signatur

Neun und neunsich.

Redigera
Citera flera Citera
Permalänk
Medlem
●

ta bort <div id="page"> och lägg in css infon för den till cont-diven ist (med din bakgrund ist såklart), ta bort height=100% i div-taggen
-----

Gjorde jag det nu? (känner mig ovanligt trög... )

Visa signatur

Detta är min tjusiga signatur. <<<<<<<

Redigera
Citera flera Citera
Permalänk
Medlem
●

nu funkar det va? skippa height. 100% i

#cont {display:table; background: url(bg.gif) repeat-y; margin: 0 auto; width: 785px; height: 100%; padding: 10px}

så man slipepr scroller när sidan inte egentligen behöver det

Visa signatur

Alexander Engvall
Asus V2S [ c2d T7300 2.0GHz | 2GB ram | 8600M GS 256MB | 160GB hdd 5400rpm | 14,1" 1440*900 | Windows Vista Business ]

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av trans4m
nu funkar det va? skippa height. 100% i

#cont {display:table; background: url(bg.gif) repeat-y; margin: 0 auto; width: 785px; height: 100%; padding: 10px}

så man slipepr scroller när sidan inte egentligen behöver det

Njä.. det fungerar väl inte.. ? Och om jag tar bort height där så går den inte ända ner i FF heller...

Visa signatur

Detta är min tjusiga signatur. <<<<<<<

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av Andykidden
Njä.. det fungerar väl inte.. ? Och om jag tar bort height där så går den inte ända ner i FF heller...

ja jag såg inet att du hade bakgrunden i den, flytta bakgrudnen till den yttre så kan du ta bort height : 100% på den inre

sen ska du ha height: 100% samt display: table i den yttre

nu måste jag dra å handla mat hoppas du löser det

Visa signatur

Alexander Engvall
Asus V2S [ c2d T7300 2.0GHz | 2GB ram | 8600M GS 256MB | 160GB hdd 5400rpm | 14,1" 1440*900 | Windows Vista Business ]

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av trans4m
ja jag såg inet att du hade bakgrunden i den, flytta bakgrudnen till den yttre så kan du ta bort height : 100% på den inre

sen ska du ha height: 100% samt display: table i den yttre

nu måste jag dra å handla mat hoppas du löser det

Handla du på... Men jag tycker det verkar som det ser ut precis som när jag började..

Visa signatur

Detta är min tjusiga signatur. <<<<<<<

Redigera
Citera flera Citera
Permalänk
Medlem
●

jag tycker iaf att det ser ut som att det funkar

Visa signatur

Alexander Engvall
Asus V2S [ c2d T7300 2.0GHz | 2GB ram | 8600M GS 256MB | 160GB hdd 5400rpm | 14,1" 1440*900 | Windows Vista Business ]

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av trans4m
jag tycker iaf att det ser ut som att det funkar

Fungerar det i IE för dig?

Någon annan som tycker det fungerar?

Visa signatur

Detta är min tjusiga signatur. <<<<<<<

Redigera
Citera flera Citera
Permalänk
Medlem
●

nope funkar inte.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Ingen som vet vad man kan göra? Höjden...

Visa signatur

Detta är min tjusiga signatur. <<<<<<<

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av Andykidden
Ingen som vet vad man kan göra? Höjden...

jag vet att min lösning fungerar, för jag anvädner den ju själv i ett projekt jag håller på med.

så utgå från min kod helt utan din design å lägg på bit för bit så ska du nog se att du får det å funka

Visa signatur

Alexander Engvall
Asus V2S [ c2d T7300 2.0GHz | 2GB ram | 8600M GS 256MB | 160GB hdd 5400rpm | 14,1" 1440*900 | Windows Vista Business ]

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av trans4m
jag vet att min lösning fungerar, för jag anvädner den ju själv i ett projekt jag håller på med.

så utgå från min kod helt utan din design å lägg på bit för bit så ska du nog se att du får det å funka

Ok, jag får ta och testa igen.. Eller så får alla surfa i FF..

Men nu skall jag nog lägga ner för idag..

Åsikter på designen?

Visa signatur

Detta är min tjusiga signatur. <<<<<<<

Redigera
Citera flera Citera
Permalänk
Medlem
●

rent och snyggt gillar färgvalen också.

Borde väl åtgärda höjden i IE sidan är för kort

html
{
	height: 100%;
        height: 100%;
}
Visa signatur

Fractal Define R2, Fractal Newton R2 800W, INTEL CORE I7 980, 12GB Corsair pc 12800. Ny gpu skall inhandlas

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Jag får inte det att funka i tabellen men på sidan.

kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
html
{
height: 100%;
}

body
{
margin: 0px;
padding: 0px;
background-color: #aaa;
height: 100%;
width: 100%;

}

#page
{
display:table;
width: 800px;
height: 100%;
margin: 0 auto;
background: #fff;
}
.a12 {
background-color: #00CC66;
}
-->
</style>
</head>
<body>
<div id="page"><table width="800" border="0" cellpadding="0" cellspacing="0" class="a12">
<tr>
<td> </td>
</tr>
</table>
hej</div>
</body>
</html>

Tipps på vad som är knas?

http://www.minafilmer.info/nyaskaten/m/text.php

Tabellen är grön

Edit:
Fick det att funka med enbart din kod. När jag lägger in det på min sida http://www.minafilmer.info/nyaskaten/m/Untitled-2.php funkar det inte. Något tipps på vad som kan vara knas. Koden tar så mycket platts så vill du se den så högerklicka på sidan...

Senast redigerat
Visa signatur

Perrablerra.se

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara