webForumDet fria alternativet

preblem med länkar

HTML & CSSur HTML, XHTML & CSS

13 svar · 1 699 visningar · startad av noshornin

Medlem sedan aug. 2008816 inlägg
Frågan#1

Om ni kollar på http://testtesttest.vitorm.se/ och klickar på "kommentarer" under inlägget. Då försvinner allting ovanför kommentars formuläret. Meningen är att inlägget och alla tidigare kommentarer ska visas. Varför blir det så?

Medlem sedan juni 20019 519 inlägg
#2

Har ju inget med HTML eller CSS att göra, det är systemet sajten använder sig av som säger att en kommentar-sida skall bara rendera ut kommentarer.

Du "kan" lösa det med AJAX, men enklaste är nog om du har möjlighet att redigera server koden att på kommentarsidan också rendera inlägget.

Medlem sedan aug. 2008816 inlägg
#3

voigtann1 skrev:

Har ju inget med HTML eller CSS att göra, det är systemet sajten använder sig av som säger att en kommentar-sida skall bara rendera ut kommentarer.

Du "kan" lösa det med AJAX, men enklaste är nog om du har möjlighet att redigera server koden att på kommentarsidan också rendera inlägget.

Jag har skrivit all kod och jag kan ändra den. Men jag förstår bara inte varför enbart formuläret visas.

Medlem sedan aug. 2008816 inlägg
#4

alltså Det står:
<a href="http://testtesttest.vitorm.se/596/Första-inlägget#kommentarer">Kommentera(0)</a>

och sedan på kommentarssidan:
<a name="kommentarer">Kommentarer:</a>

Men allting ovanför <a name="kommentarer">Kommentarer:</a> försvinner och jag förstår inte varför.

Medlem sedan aug. 2008816 inlägg
#5

Ni kan ju kolla på http://testtesttest.vitorm.se/596/Första-inlägget det är så hela "kommentar sidan" ser ut

Medlem sedan juli 20023 617 inlägg
#6

Om du tar bort overflow: hidden så kommer kommentaren fram igen. Skapar lite problem i foten som du får fixa... :)

Medlem sedan aug. 2008816 inlägg
#7

Kan man undkomma detta på något sett utan att ändra overflow: hidden?

Medlem sedan juni 20019 519 inlägg
#8

Varför har du overflow hidden? Om det är för att rendera bakgrunder med dina floats så kolla på clearfix class istället, fungera bättre än overflow its evil!

Sen har du sjukt många a-element, tomma och ett a element med en hr i, vilket känns som att det inte borde vara helt tillåtet att köra med.

Medlem sedan aug. 2008816 inlägg
#9

voigtann1 skrev:

Varför har du overflow hidden? Om det är för att rendera bakgrunder med dina floats så kolla på clearfix class istället, fungera bättre än overflow its evil!

Sen har du sjukt många a-element, tomma och ett a element med en hr i, vilket känns som att det inte borde vara helt tillåtet att köra med.

Hittade ett annat sätt än det där. Det räcker att sätta overflow:auto på den yttre diven: http://www.sitepoint.com/simple-clearing-of-floats/

Medlem sedan aug. 2008816 inlägg
#10

Men nu uppstod ett annat problem. När den inre diven har mindre innehåll än den yttre så blir det knas. Alltså såhär: http://testtesttest.vitorm.se/meny/Om-mig. Hjälper den där clearfix grejen mot det också?

Medlem sedan juni 20019 519 inlägg
#11

Sök efter clearfix på Google eller kolla in html5boilerplate och använd dig av det för att rensar floats på ett bättre sätt. Overflow är inte lösningen

Medlem sedan aug. 2008816 inlägg
#12

Det blir ju samma fel med clearfix? Om en inre diven är mindre än den yttre så blir det fel: http://testtesttest.vitorm.se/meny/Om-mig

Medlem sedan juni 20019 519 inlägg
#13

Det är ju korrekt, det är ju så du har skrivit din HTML struktur, jag gissar att taggar och andra rubriker är det du menar hamnar fel? Du få flytta din kod in till #content

Finns inget vettig lösning att få både det lime gröna blocket och din höger-block att vara i samma höjd.

kan köra med min-height men då har du IE problem.

Sen kan jag ge dig ett tips, istället för att sätta bredd på nästan alla dina element (700px och margin: 0 auto) på ett par av dina element, sätt det i stället på en wrapper eller i bodyn så slipper du upprepar CSS kod om och om igen.
Samma sak är det med din padding på vänster och höger sida på 60px.

Medlem sedan aug. 2008816 inlägg
#14

Jag löste det med javascript tillslut. Om någon får samma problem så kan jag ju posta koden tänkte jag:

<script type="text/javascript">
<!--
onload=function() {
	var containerHeight=document.getElementById('container').offsetHeight;
	var contentHeight=document.getElementById('content').offsetHeight;
	if(containerHeight>contentHeight){
		document.getElementById('content').style.height=containerHeight+'px';
	}
 }
//-->
</script>
135 ms totalt · 3 externa anrop · v20260731065814-full.25f56b17
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)