logo
26.03.2020 12:26
1
Co je to za vyjímku CSS, když div #content o definované šířce 520px, po naplnění textem přeteče ( rozměr je větší než 520 px)?

viz kod

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>
</title>
<style type="text/css">

body { border: 0px;
padding: 0px ;

}

#wraper {
width : 720px;
margin : 0 auto;
border: solid 1px black;
/* background-color: yellow; */
}
#branding {
border: solid 1px black;
}
#content { width:520 px;
float: right;
border: solid 1px black;
background-color: yellow;
}
#mainNav {width:180 px;
float: left;
border: solid 1px black;
background-color: red;
}
#footer {
border: solid 1px black;
background-color: green;
clear: both;
}


/*
h1 {
font-family : Tahoma, Verdana, 'Trebuchet MS', Sans-serif;
font-weight : bold;
color : #FF0000;
line-height: 0 px;
text-align: right;
padding: 0px;
margin-top: 0px;
border: 1px solid black;


}
*/

</style>
</head>
<body>
<div id="wraper">
<div id="branding">
<p>Tady bude branding</p>
</div>
<div id="content">
<h1>Content float:right</h1>
<p>Tady bude content, plovoucí v pravo. V dokumentu po branding. jgsgj lwhdfoqwhf qlwfhoqwhf lkqwhfoqhwf
qkwjkfqwjf klqwfhwqlf kqwfholjqwfb koqwfowqjf qlofjqwfouhzqwofbo npwqhfpqhwf olqwhfoqwf oqwfolqwf lqwflqwf
qlfkqojwf lwfolwqf lhwf qfwqhflqw folwqfb qwlkjfb qw fklqw flkqwjfbq wfkljqbwf klqwfjbqlkwf s</p>
</div>
<div id="mainNav">
<h1>mainNav</h1>
<p>Tady bude mainNav</p>
</div>
<div id="footer">
<h1>footer</h1>
<p>Tady bude footer</p>
</div>
</div>

</body>
</html>

Co se právě děje na Webtrhu?

26.03.2020 12:36
2
Definuj velikosti bez mezery..
Tvoje špatně: width:520 px;
Správně: width:520px;

Máš to tak u víc rozměrů.
26.03.2020 12:44
3
Doporučuju používat třeba Sublime Text nebo jinej editor, co ti tyhle malý chyby ukáže.
26.03.2020 13:37
4
Původně odeslal Tomáš Maňhal
Doporučuju používat třeba Sublime Text nebo jinej editor, co ti tyhle malý chyby ukáže.
děkuji, to jsou právě takový píčoviny, nad kterejma se vztekám
26.03.2020 16:29
5
Nejsi sám komu se to stává. :D Proto je fajn používat IDE nebo trochu chytřejší editory jako je třeba ten sublime. Na takové chyby upozorní.