HTML problem, on every monitor resolution diferent
4 posters
Page 1 of 1
HTML problem, on every monitor resolution diferent
So I wanted to make a site on my forum, something like a new section on the forum, but something went wrong. So my resolution is 1280x1024 but if i set it to 1024x768 or any else resoltion then I see the site about 200px to the right, better to say just open to link and set your resolution to mine's or to any other and you'll se the diference.
http://forum-owners.forumotions.in/h3-skola
• The link on wich I'm testing it :S
Any help ?
Here's the HTML :
http://forum-owners.forumotions.in/h3-skola
• The link on wich I'm testing it :S
Any help ?
Here's the HTML :
- Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Skolska Svakodnevnica</title>
<style>
<!--
.naslov { color: #8E8E8E; text-decoration: none; font-size: 14pt; font-family:
Century Gothic; letter-spacing: -1; word-spacing: 0; margin: 0 }
a:link, a:active, a:visited { color: #373737; font-size: 10pt; text-decoration: none; font-family:
Trebuchet MS; word-spacing: 0; margin: 0; text-shadow: 0px 1px 0px #ffffff; }
a:hover { color: #797979; font-size: 10pt; text-decoration: none; font-family:
Trebuchet MS; word-spacing: 0; margin: 0; text-shadow: 0px 1px 0px #ffffff; }
.sadrzaj { font-family: Trebuchet MS; font-size: 10pt; text-decoration: none; color:
#7E7E7E; word-spacing: 0; margin: 0 }
-->
</style>
</head>
<body bgcolor="#ebebeb">
<div style="position: relative; width: 1000px; height: 150px; left: 117px; top: -8px" id="head">
<map name="FPMap0">
<area href="#facebook" shape="rect" coords="18, 78, 63, 123">
<area href="#mail" shape="rect" coords="68, 79, 115, 125">
</map>
<img border="0" src="http://www.dodaj.rs/f/11/yO/3aXQdXYA/head.png" width="1000" height="175" usemap="#FPMap0">
</div><div style="position: relative; width: 978px; height: ; left: 125px; top: 26px; border-style: solid; border-width: 0; padding: 5px; background-color: #FFFFFF; -moz-border-radius: 5px;
border-radius: 5px; -moz-box-shadow: 0px 8px 10px #d3d3d3;
-webkit-box-shadow: 0px 8px 10px #d3d3d3;
box-shadow: 0px 8px 10px #d3d3d3" id="content">
<p class="naslov">DOBRODOSLI</p>
<p class="sadrzaj">Dobrodosli na stranicu koja je prvobitno namjenjena
ucenicima, studentima te naravno i svakom ko je zainteresiran za skolsku
svakodnevnicu. Na stranici cete moci vecinom naci teme koje ce sadrzavati
olaksice i trikove u ucenju, u komunikaciji sa profesorima, nastavnicima i opce
sa ucenicima. Na stranici ce se takodjer i razradjivati teme vezane za "kreativnu
nastavu". Sve sto nije jasno mozete upitati na nasoj facebook stranici ili putem
e-mail forme te tako posalji vase komentare/sugestije.</p>
<p class="sadrzaj"> </p>
<p class="sadrzaj" align="right"><i>Administrator stranice - Komic Mirza</i></div>
<div style="position: relative; width: 859px; height: 31px; left: 196px; top: -193px" id="menu">
<p align="center" style="margin-top: 0; margin-bottom: 0"><a href="/index.htm">POCETNA</a> - <a href="/teme/index.htm">
TEME</a> - <a href="/linkovi.htm">LINKOVI</a> - <a href="/omeni.htm">O MENI</a>
- <a href="/kontakt.htm">KONTAKT </a></div>
</body>
</html>
mirza.mejkem.converse- New Member
- Posts : 9
Reputation : 0
Language : Bosnian
Re: HTML problem, on every monitor resolution diferent
ITs simple... in line 23 you have:
You should try this in that line:
That will make it float nice and simply in the middle of the screen, no matter the resolution.
You could also make width like "80%" insted of "1000px"
makes your site more dynamical.
Hope this helped you out
- Code:
left: 117px;
top: -8px
You should try this in that line:
- Code:
float: middle;
That will make it float nice and simply in the middle of the screen, no matter the resolution.
You could also make width like "80%" insted of "1000px"
makes your site more dynamical.
Hope this helped you out
green7izard- New Member
- Posts : 5
Reputation : 1
Language : Dutch
Re: HTML problem, on every monitor resolution diferent
The above wont work.
will center it. Remove the left: 117px;
- Code:
margin: auto;
will center it. Remove the left: 117px;
Mike- Hyperactive
- Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado
Re: HTML problem, on every monitor resolution diferent
Thanks Drogba It worked
mirza.mejkem.converse- New Member
- Posts : 9
Reputation : 0
Language : Bosnian
Re: HTML problem, on every monitor resolution diferent
Topic Solved & Moved Note: You can also help the staff member's work by EDITING your topic and marking it as solved. |
Jophy- ForumGuru
- Posts : 17924
Reputation : 836
Language : English
Location : Somewhere
Similar topics
» Image Resolution for Html Background
» Resolution Problem - Forum Background
» How Do I Put Diferent Fonts In Messages And Chatbox?
» Logo on phpBB3 dosent fit in diferent resolutions
» Scripts Problem or html Problem
» Resolution Problem - Forum Background
» How Do I Put Diferent Fonts In Messages And Chatbox?
» Logo on phpBB3 dosent fit in diferent resolutions
» Scripts Problem or html Problem
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum