browser resizing - unbreakable wrapper ?
Permalink
Hello,
i enjoyed concrete5 for a couple of month now and really - absolute all is fine but it seems that the thing have one big mistake for me - I did not care about stable layout structures..
My design holds nearly everything (slider, nav, multicolum layouts, and also some hand-coded div sections) and of course it`s all about "absolute & relative positions","floats", "widths","display" and so ..
Is there any method to wrapper my layout in a stable and non-collapsing way after all, protected from resizeable browser action?
thanx
i enjoyed concrete5 for a couple of month now and really - absolute all is fine but it seems that the thing have one big mistake for me - I did not care about stable layout structures..
My design holds nearly everything (slider, nav, multicolum layouts, and also some hand-coded div sections) and of course it`s all about "absolute & relative positions","floats", "widths","display" and so ..
Is there any method to wrapper my layout in a stable and non-collapsing way after all, protected from resizeable browser action?
thanx
I do some tests over the day (starting with "min-width" and hanging up with "table-cell" or something scarry like "page-break-inside:avoid" ..)
page-location is:
http://www.systemcräsh.de or http://www.xn--systemcrsh-x5a.de/...
I just want my 960px main container but all breaks at 300-400px..
page-location is:
http://www.systemcräsh.de or http://www.xn--systemcrsh-x5a.de/...
I just want my 960px main container but all breaks at 300-400px..
There are some media queries in your CSS:
Everything wrapped inside that will not be picked by any browser if the screen is below 768px. And I could see there is quite a lot stuff inside that query.
E.g. this is the reason why your "Schnell Anfragen & Sofort Angebote" block breaks because the left side at least is defined inside that query.
@media only screen and (min-width: 768px) { ... }
Everything wrapped inside that will not be picked by any browser if the screen is below 768px. And I could see there is quite a lot stuff inside that query.
E.g. this is the reason why your "Schnell Anfragen & Sofort Angebote" block breaks because the left side at least is defined inside that query.
yapp.. fix it !
Seems to be i haven't understand the tendency of the boilerplate-theme.
could have cost me weeks without your help!
really brilliant & many thanks !!!!!!!
best regards,
Stefan
Seems to be i haven't understand the tendency of the boilerplate-theme.
could have cost me weeks without your help!
really brilliant & many thanks !!!!!!!
best regards,
Stefan
Hi,
I'd like the width of my page to be fixed, so when the screen is re-sized(smaller) the content doesn't collapse.
Like the OP's site. When I visit his site and reduce the screen size, his content does not collapse.
Can anyone help?
Thanks!
I'd like the width of my page to be fixed, so when the screen is re-sized(smaller) the content doesn't collapse.
Like the OP's site. When I visit his site and reduce the screen size, his content does not collapse.
Can anyone help?
Thanks!
I just copy your website-code into my html editor where i can see the corresponding brakets. It's look like your site structure within the <body> part needs has be surrounded by an div width an overall width-Attribut. The div-tag will capsule any element (e.g. other divs) and will act as an stable wrapper.
..as far as i could see you allready have different div parts in your code
<header></header>
..
<footer></footer>
<bottom></bottom>
what we need is something like
<div style="width: .. px;">
<header></header>
..
<footer></footer>
<bottom></bottom>
</div>
maybe this works.
..as far as i could see you allready have different div parts in your code
<header></header>
..
<footer></footer>
<bottom></bottom>
what we need is something like
<div style="width: .. px;">
<header></header>
..
<footer></footer>
<bottom></bottom>
</div>
maybe this works.
Thanks for the quick response.
I'll play around w/ it later tonight.
Which file should I try to add this to so that it works on all my pages?
Thanks again!
I'll play around w/ it later tonight.
Which file should I try to add this to so that it works on all my pages?
Thanks again!
difficult to say for me.
If i have to ty the fix for myself, i would go via ftp into my theme folder and have a look at the two files "header.php" and "footer.php".
themes/name of my theme/elements/..
Both files >themeselve< hold the html structure (the source code you see in your browser in splitted one more time into this two php files) mixed up with pre-defined chunks of php-code.
So if you don't want to redesign your layout with the concrete5 editor ..you can try to add the <div> start-tag into the header.php (right under the body statement) end the closing </div> correspondingly in the footer.php file (before the surrounding body end-tag)
header.php:
<html>
<head></head>
<body>
<div>
--> all your other ..
footer.php:
<-- .. concrete5 generated code
</div>
</body>
</html>
If it breaks up clear and correct you should see the differences - the changes you made - again in your concrete5 editor. (the red lines)
Of course it is usefull to save the two files before!!
(sorry for my bad english - tried my best)
If i have to ty the fix for myself, i would go via ftp into my theme folder and have a look at the two files "header.php" and "footer.php".
themes/name of my theme/elements/..
Both files >themeselve< hold the html structure (the source code you see in your browser in splitted one more time into this two php files) mixed up with pre-defined chunks of php-code.
So if you don't want to redesign your layout with the concrete5 editor ..you can try to add the <div> start-tag into the header.php (right under the body statement) end the closing </div> correspondingly in the footer.php file (before the surrounding body end-tag)
header.php:
<html>
<head></head>
<body>
<div>
--> all your other ..
footer.php:
<-- .. concrete5 generated code
</div>
</body>
</html>
If it breaks up clear and correct you should see the differences - the changes you made - again in your concrete5 editor. (the red lines)
Of course it is usefull to save the two files before!!
(sorry for my bad english - tried my best)
I understand that your wrapper is going smaller which breaks your floating elements for instance. If this is the case, I would add a min-width to your wrapper div or even set static width if you don't need the items to stretch.